Web Development
knowledge skill
Builds static or dynamic web pages from specifications. Produces HTML, CSS, and JavaScript files that render in a browser. Does not host, deploy, or manage servers.
Worked examples
- {"input": {"spec": {"title": "Portfolio", "sections": [{"type": "hero", "text": "Welcome"}, {"type": "projects", "items": ["Project A", "Project B"]}]}, "framework": "vanilla"}, "output": {"html": "<!DOCTYPE html>\n<html>\n<head><title>Portfolio</title></head>\n<body><header>Welcome</header><main><h1>Projects</h1><ul><li>Project A</li><li>Project B</li></ul></main></body>\n</html>", "css": "header { font-size: 2em; }", "js": "", "assets": []}}
- {"input": {"spec": {"title": "E-commerce", "sections": [{"type": "product", "name": "Widget", "price": 19.99}]}, "framework": "react"}, "output": {"html": "<div id=\"root\"></div>", "css": ".product { border: 1px solid #ccc; }", "js": "React.createElement('div', {className: 'product'}, 'Widget - $19.99')", "assets": [{"path": "App.js", "content": "export default function App() { return <div>Widget - $19.99</div>; }"}]}}
Input
- spec: object
- framework: string (optional)
- assets: array of {type: string, content: string}
Output
- html: string
- css: string
- js: string
- assets: array of {path: string, content: string}
Details
- Skill type: knowledge skill
- Safety level: safe_public_research
- Version: 1.0.0