Scaffold a landing page with a full AI agent system built in — DESIGN.md, GUARDRAILS, skills, and token enforcement baked in from day one.
Color tokens, typography rules, spacing scale, and a forbidden anti-pattern list. Every AI session reads this before touching any UI.
Every mistake documented. SVG optimizer bug, broken form patterns, tap target violations — logged once, never repeated.
Tailwind (default), shadcn/ui, Ant Design, Material UI, Mantine, Chakra UI, daisyUI, Bootstrap, or plain CSS. Deps injected and providers wired automatically.
Pick a world design aesthetic — minimalist, brutalist, glassmorphism, editorial, cyberpunk, luxury, and 6 more. Typography, motion, and anti-pattern guidance injected into DESIGN.md automatically.
Scaffold for a studio/company or a personal portfolio. CTA labels, section headers, and DESIGN.md adapt to the profile type automatically.
Provide a Figma file URL and PAT. Colors and typography extracted from design styles — PRIMARY_COLOR, ACCENT_COLOR, and DESIGN.md populated from your actual design.
Role-based constraints. /copywriter enforces voice rules. /qa-mobile runs the tap-target checklist. /ui-designer enforces design tokens. /code-review gates TypeScript quality, security, and performance.
Claude Code, Cursor, Windsurf, Continue, or GitHub Copilot. Pick at scaffold time — same skill rules written in tool-native format (.cursor/rules/, .windsurf/rules/, .continue/rules/, .github/instructions/).
Script blocks hardcoded hex values at commit time. Design consistency enforced by the build system, not discipline.
Next.js 14, Astro 4, Vite + React, Vanilla JS. Same AI system — different runtime. Pick what fits your stack.
