{"repo":"mikesheehan54/Claude-Code-Design-AI","free":true,"listed":false,"github":"https://github.com/mikesheehan54/Claude-Code-Design-AI","clone":"git clone https://github.com/mikesheehan54/Claude-Code-Design-AI.git","description":"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.","language":"TypeScript","stars":80,"topics":["claude-ai","claude-code","claude-code-cli","claude-code-hooks","claude-code-marketplace","claude-code-plugin","claude-code-plugins","claude-code-skill","claude-code-skills","claude-code-subagents"],"license":"MIT","category":"ui-components","readme_excerpt":"Claude Design Free Sophisticated UI/UX Framework for Anthropic-Based AI Applications Bridging the gap between advanced reasoning and elegant, human-centric interface design. 简体中文 Report Bug Discussions --- Quick Start Download ClaudeDesign.zip --- Overview Claude 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. Key Features - Semantic Typography : Custom-tuned font scales for maximum readability during long-form AI reasoning. - Artifacts UI Engine : Ready-to-use components for code blocks, interactive charts, and real-time previews. - Stream-Ready Components : Specialized loading states and \"typing\" animations that sync with Claude's token output. - Privacy-First Rendering : Sanitized Markdown and LaTeX rendering to ensure safe display of AI-generated content. - Adaptive Color Theory : A sophisticated palette that shifts based on \"AI Confidence\" levels and user intent. - Responsive Mastery : Mobile-first layouts optimized for complex chat-based workflows. Technical Stack - Core : TypeScript / React 18 / Vite - Styling : Tailwind CSS / Framer Motion (for fl","default_branch":null,"files":null,"tree":[],"storefront":"/r/mikesheehan54","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mikesheehan54/Claude-Code-Design-AI/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}