Overview
Claude Code Design AI is an open-source design skill for Claude Code, published by mikesheehan54. Its author describes it as: “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. Fron…”. The project has 77 stars on GitHub and is available under the MIT license. Add it to your setup with `/plugin marketplace add mikesheehan54/Claude-Code-Design-AI`.
Best for
Installation
Add Claude Code Design AI to your agent with:
/plugin marketplace add mikesheehan54/Claude-Code-Design-AIReview a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.
Supported agents
- Claude Code — named in the skill.md
License
Claude Code Design AI is published under the MIT license.
Strengths
- Clear MIT license — safe to read and adapt within its terms
- Works with Claude Code
Author
Topics
Alternatives to Claude Code Design AI
Similar skills from other repositories:
Compare Claude Code Design AI alternatives side by side →
Frequently asked questions
- What does Claude Code Design AI do?
- 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.
- How do I install Claude Code Design AI?
- Run /plugin marketplace add mikesheehan54/Claude-Code-Design-AI in your agent, then reload your skills. Review the source at https://github.com/mikesheehan54/Claude-Code-Design-AI before installing.
- Is Claude Code Design AI free to use?
- Yes. Claude Code Design AI is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.
- Which agents does Claude Code Design AI work with?
- Claude Code Design AI lists Claude Code — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
