Why Scroll?
Simple Syntax
Like Markdown, but more powerful. No parentheses needed.
Extendible
Build your own custom parsers.
Beautiful Output
Create stunning documents with minimal effort.
Fast & Light
Built on the efficient PPS Stack.
Prompt: frame
Agent: claude
Model: claude-3-5-sonnet-20241022
dsgsdag
You are an expert web and Warpcast/Farcaster developer. Create a WarpCast v2 Frame based on this request: "dsgsdag"
Requirements:
The Frames v2 docs are here: https://framesv2.com/
The Frames v2 dev tools are here: https://warpcast.com/~/developers/frames
As a refresher, for doing the html body, Scroll is a whitespace based language that uses a single indented space to mark a line (aka particle) as a subparticle of a parent line.
For example:
The extendible markup language that makes source beautiful and compiles to anything
Get StartedLike Markdown, but more powerful. No parentheses needed.
Build your own custom parsers.
Create stunning documents with minimal effort.
Built on the efficient PPS Stack.
First suggest a short, memorable domain name ending in framehub.pro that represents this website. Then provide the website files. Use this exact format:
---domain---
(domainframehub.pro here)
---index.scroll---
---head.scroll---
---frame.scroll---
---style.css---
:root {
}
{
}
body {
}
.frameContainer {
}
.frameContent {
}
.frameTitle {
}
.frameActionArea {
}
.frameButton {
}
.frameButton:hover {
}
@media (max-width: 480px) {
}
---script.js---
const initializeFrame = async () => {
};
document.addEventListener('DOMContentLoaded', initializeFrame);
---manifest.json---
{
}
---meta.json---
{
}
---api.js---
export default async function handler(req, res) {
}
---end---