What it does
Claude-Code-Design-AI is a Claude agent skill for interface design. Its listed features include turning a screenshot into React code, generating Tailwind CSS, creating SVG icons and working with shadcn/ui. The repository also offers a downloadable package for a quick start.
Use cases
- 01Draft React components from a screenshot
- 02Generate SVG icons and Tailwind CSS styles
- 03Prototype a screen on a shadcn/ui base