Claude-Code-Design-AI

Name: mikesheehan54/Claude-Code-Design-AI
Author: 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.

Subagents73 stars2 forks● TypeScriptMITUpdated 1mo ago

ClaudeWave Trust Score

87/100

✓ Trusted

Passed

✓Open-source license (MIT)
✓Actively maintained (<30d)
✓Clear description
✓Topics declared

Last scanned: 6/11/2026

Install as a Claude Code subagent

Method: Clone

Terminal

git clone https://github.com/mikesheehan54/Claude-Code-Design-AI && cp Claude-Code-Design-AI/*.md ~/.claude/agents/

1. Clone the repository and copy the agent .md definitions into ~/.claude/agents (or .claude/agents inside a project).

2. Start a new Claude Code session to load the agents.

3. Delegate work to them with the Task/Agent tool or by name.

Use cases

Design Creative

About

Subagents overview

README preview not available. Visit the repo on GitHub for full documentation.

Topics

claude-aiclaude-codeclaude-code-cliclaude-code-hooksclaude-code-marketplaceclaude-code-pluginclaude-code-pluginsclaude-code-skillclaude-code-skillsclaude-code-subagentsclaude-cowork-freeclaude-designclaude-design-aiclaude-design-alternativeclaude-design-downloadclaude-design-freeclaude-design-installclaude-design-installer

Frequently asked

What people ask about Claude-Code-Design-AI

What is mikesheehan54/Claude-Code-Design-AI?

mikesheehan54/Claude-Code-Design-AI is subagents for the Claude AI ecosystem. 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 73 GitHub stars and was last updated 1mo ago.

How do I install Claude-Code-Design-AI?

You can install Claude-Code-Design-AI by cloning the repository (https://github.com/mikesheehan54/Claude-Code-Design-AI) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.

Is mikesheehan54/Claude-Code-Design-AI safe to use?

Our security agent has analyzed mikesheehan54/Claude-Code-Design-AI and assigned a Trust Score of 87/100 (tier: Trusted). See the full breakdown of passed checks and flags on this page.

Who maintains mikesheehan54/Claude-Code-Design-AI?

mikesheehan54/Claude-Code-Design-AI is maintained by mikesheehan54. The last recorded GitHub activity is from 1mo ago, with 1 open issues.

Are there alternatives to Claude-Code-Design-AI?

Yes. On ClaudeWave you can browse similar subagents at /categories/agents, sorted by popularity or recent activity.

1-click deploy

Deploy Claude-Code-Design-AI to your cloud

Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.

Vercel Railway Render

Embeddable badge

Maintain this repo? Add a badge to your README

Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.

Markdown (README)

[![Featured on ClaudeWave](https://claudewave.com/api/badge/mikesheehan54-claude-code-design-ai)](https://claudewave.com/repo/mikesheehan54-claude-code-design-ai)

HTML

<a href="https://claudewave.com/repo/mikesheehan54-claude-code-design-ai"><img src="https://claudewave.com/api/badge/mikesheehan54-claude-code-design-ai" alt="Featured on ClaudeWave: mikesheehan54/Claude-Code-Design-AI" width="320" height="64" /></a>

More Subagents

affaan-m

ECC

yesterday

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

214.4k32.9kJavaScript

Subagentsai-agentsanthropicInstall