Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping agent, design systems, wireframe renderer. SVG icon creator, dark mode toggle, responsive layout tool. Front-end code export, shadcn/ui integration, vector assets, branding assistant.
# Add to your Claude Code skills
git clone https://github.com/mikesheehan54/Claude-Code-Design-AIGuides for using ai agents skills like Claude-Code-Design-AI.
Last scanned: 5/20/2026
{
"issues": [],
"status": "PASSED",
"scannedAt": "2026-05-20T07:42:36.119Z",
"semgrepRan": false,
"npmAuditRan": true,
"pipAuditRan": true
}Claude-Code-Design-AI is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by mikesheehan54. Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping agent, design systems, wireframe renderer. SVG icon creator, dark mode toggle, responsive layout tool. Front-end code export, shadcn/ui integration, vector assets, branding assistant. It has 291 GitHub stars.
Yes. Claude-Code-Design-AI passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.
Clone the repository with "git clone https://github.com/mikesheehan54/Claude-Code-Design-AI" and add it to your Claude Code skills directory (see the Installation section above).
Claude-Code-Design-AI is primarily written in TypeScript. It is open-source under mikesheehan54 on GitHub, so you can review or fork the full source.
Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh Claude-Code-Design-AI against similar tools.
No comments yet. Be the first to share your thoughts!
ClaudeDesign.zipClaude Design is an elite, open-source design system and UI library specifically crafted for applications powered by Claude-series models. It prioritizes clarity, low cognitive load, and aesthetic harmony, providing developers with the tools to build "Artifacts-style" experiences with high-performance rendering.
[!Important]
This system is optimized for React 18+ and Tailwind CSS. It includes built-in hooks for Anthropic's Messages API to handle streaming UI states gracefully.
@anthropic-ai/sdk