agentic-website-design
Agentic Website Design
Build production-quality websites where the AI coding agent has full control over every line of code. Use static site generators (Astro preferred) — never no-code tools like Framer or Webflow that limit LLM control.
Core Principles
- Full code control — The LLM generates all HTML, CSS, JS, and content. No drag-and-drop, no visual editors, no black boxes.
- Browser-in-the-loop — The agent MUST see what it builds. Use browser tools to screenshot and inspect the live site after every change.
- Skill-enhanced prompting — Delegate specialized work to dedicated skills (frontend-design, copywriting, etc.) instead of doing everything in one prompt.
- Relentless iteration — Never accept the first output. Set a high bar and improve repeatedly until the result is exceptional.
Stack Selection
Default: Astro
Astro is the preferred static site generator because it ships zero JS by default, supports any UI framework, and gives the LLM full template control.
More from melvinmt/skills
ink-react-tui
Build terminal user interfaces with React using Ink. Use when creating CLIs, terminal apps, TUIs, or when the user mentions Ink, terminal UI, or React CLI apps.
2machine-accessible-websites
Implement websites accessible to both humans and AI agents. Covers floating HUMAN/MACHINE toggle, llms.txt specification, content negotiation via Accept headers, .md alternate pages, and robots.txt exclusions. Use when building agent-friendly websites, implementing llms.txt, or adding machine-readable content.
2