mikesheehan54/Claude-Code-Design-AI
291 stars · Last commit 2026-05-13
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.
README preview
<!-- markdownlint-disable MD033 MD041 -->
<div align="center">
<img width="686" height="386" alt="image" src="https://github.com/user-attachments/assets/a51d6e99-5e5d-48f1-9889-be3f8f86c4df" />
# Claude Design Free
<p align="center">
<strong>Sophisticated UI/UX Framework for Anthropic-Based AI Applications</strong>
<br/>
Bridging the gap between advanced reasoning and elegant, human-centric interface design.
<br/>
<a href="README_zh.md">简体中文</a> | <a href="https://github.com/mikesheehan54/Claude-Code-Design-AI/issues">Report Bug</a> | <a href="https://github.com/mikesheehan54/Claude-Code-Design-AI/issues">Discussions</a>
</p>
<p align="center">
<img src="https://img.shields.io/badge/Model-Claude%203.5%20Sonnet-d97757?style=for-the-badge&logo=anthropic" alt="Model" />
<img src="https://img.shields.io/badge/Stack-React%20%7C%20Tailwind%20%7C%20Figma-0078D7?style=for-the-badge" alt="Platform" />
<br>
<img src="https://img.shields.io/github/stars/mikesheehan54/Claude-Code-Design-AI?style=flat-square&color=gold" alt="Stars" />
<img src="https://img.shields.io/github/license/mikesheehan54/Claude-Code-Design-AI?style=flat-square" alt="License" />