Design to code

Turns ideas into live, full-stack web applications with editable code, built-in database, user authentication, and hosting.

LeoYeAI/openclaw-master-skills

Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs.

adobe/skills

Integrate with Figma API for design automation and code generation.

hoodini/ai-agents-skills

Plan before tackling complex tasks (3+ implementation steps or architecture decisions involved).

jh941213/my-cc-harness

Discover all visual states of a component by interactively exploring the production baseline page — not by reading story files.

bitovi/ai-enablement-prompts

Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP.

yonatangross/orchestkit

Reference for the Storybook MCP server itself (@storybook/addon-mcp): 6 tools across 3 toolsets (dev, docs, testing), availability detection, and per-agent toolset filtering.

yonatangross/orchestkit

Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive agent switching.

MadAppGang/claude-code

Same-design migration — re-platform a site to AEM Edge Delivery (or any clean front end) keeping its current design near pixel-perfect.

adobe/skills

Designer-turned-developer who crafts stunning UI/UX even without design mockups.

ArabelaTso/Skills-4-SE