ai-ui-generation
AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows. Covers prompt engineering for component and full-stack app generation, review checklists for AI-generated code, design token injection, refactoring for design system conformance, and CI gates for quality assurance. Use when generating UI components with AI tools, rendering multi-surface MCP visual output, reviewing AI-generated code, or integrating AI output into design systems.
- License
- MIT
- Compatibility
- Claude Code 2.1.220+.
Pinned to revision 1ff988bd66da, so it is the text this page describes rather than whatever the author pushed since.
Pre-approved tools experimental
Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.
- Read
- Glob
- Grep
- WebFetch
- WebSearch
Files
- skills/ai-ui-generation/SKILL.md
- skills/ai-ui-generation/references/ai-ui-failure-modes.md
- skills/ai-ui-generation/references/ai-ui-tool-comparison.md
- skills/ai-ui-generation/references/prompt-templates-library.md
- skills/ai-ui-generation/rules/_sections.md
- skills/ai-ui-generation/rules/_template.md
- skills/ai-ui-generation/rules/ai-ci-gate.md
- skills/ai-ui-generation/rules/ai-iteration-patterns.md
- skills/ai-ui-generation/rules/ai-prompt-patterns.md
- skills/ai-ui-generation/rules/ai-refactoring-conformance.md
- skills/ai-ui-generation/rules/ai-review-checklist.md
- skills/ai-ui-generation/rules/ai-token-injection.md
- skills/ai-ui-generation/rules/ai-tool-selection.md
- skills/ai-ui-generation/rules/json-render-patterns.md
- skills/ai-ui-generation/test-cases.json
Every link opens the file at its source, pinned to the revision this page describes.