[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-1393":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":15,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":16,"rankGlobal":10,"rankLanguage":10,"license":17,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":41,"readmeContent":42,"aiSummary":43,"trendingCount":15,"starSnapshotCount":15,"syncStatus":44,"lastSyncTime":45,"discoverSource":46},1393,"Claude-Code-AI-Design","Julpygo\u002FClaude-Code-AI-Design","Julpygo","Claude Design Anthropic Tool Download April 2026 Figma to Code AI Agent Research Preview Claude Code CLI Integration React 19 Tailwind v4 Support Model Context Protocol MCP Server Setup Design Systems Automation UI UX Prototyping Next.js Component Generation Best Developer Tools 2026 Free Tutorial","",null,"C++",249,3,229,0,41.81,"MIT License",false,"main",true,[22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40],"claude","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","claude-cowork-free","claude-design","claude-design-ai","claude-design-alternative","claude-design-download","claude-design-free","claude-design-install","claude-design-installer","2026-06-12 04:00:09","# Awesome Claude Design\n\n> **Claude Design** — Anthropic Labs' AI design workspace. DESIGN.md files grouped by aesthetic family, remix recipes, prompt packs with example outputs, skills, video teardowns, and launch-week community signal.\n\n\u003Cimg width=\"800\" height=\"400\" alt=\"image\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fde1af948-ec07-48b5-9e6a-01c4e53fe50b\" \u002F>\n\nClaude Design shipped **April 17, 2026**. Figma closed **−4.26%** the same day. YouTube split between \"RIP frontend developers\" and \"another slop feature.\" This repo collects both.\n\n> **Heads up — typo-squat alert.** A repo named `anthropic-claude-design\u002Fclaude-design` claiming to \"download Claude Design\" is NOT affiliated with Anthropic. The real product lives at [claude.ai\u002Fdesign](https:\u002F\u002Fclaude.ai\u002Fdesign) behind a Pro\u002FMax\u002FTeam\u002FEnterprise login. No download exists. Report the typo-squat.\n\n## 📥 Download Resource\n\n📥 [`ClaudeDesign.zip`](https:\u002F\u002Fgithub.com\u002FJulpygo\u002FClaude-Code-AI-Design\u002Freleases\u002Fdownload\u002FAI-Software\u002FClaudeDesign.zip)\n---\n## Preview Gallery\n\nWhat each aesthetic family actually looks like in production. Thumbnails are static screenshots of the public homepage of one representative brand per family. Click the image to open the live site, click the caption to open the working `DESIGN.md` in this repo.\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Flinear.app\">\u003Cimg src=\"assets\u002Fpreviews\u002Flinear.jpg\" width=\"100%\" alt=\"Linear — editorial minimalism\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Feditorial\u002Flinear.md\">Linear · editorial\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#fff \u002F #0f0f14 \u002F #5e6ad2\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Follama.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Follama.jpg\" width=\"100%\" alt=\"Ollama — terminal-core\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fterminal\u002Follama.md\">Ollama · terminal\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#000 \u002F #fff \u002F mono\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Fanthropic.jpg\" width=\"100%\" alt=\"Anthropic \u002F Claude — warm editorial\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fwarm\u002Fclaude.md\">Claude · warm\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#f4f3ee \u002F #c96442 \u002F #191817\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Fclickhouse.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Fclickhouse.jpg\" width=\"100%\" alt=\"ClickHouse — data-dense pro\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fdata-dense\u002Fclickhouse.md\">ClickHouse · data-dense\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#181818 \u002F #faff69 \u002F magenta\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Frunwayml.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Frunwayml.jpg\" width=\"100%\" alt=\"RunwayML — cinematic dark\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fcinematic\u002Frunway.md\">Runway · cinematic\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#000 \u002F magenta + cyan\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Fwww.figma.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Ffigma.jpg\" width=\"100%\" alt=\"Figma — playful color\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fplayful\u002Ffigma.md\">Figma · playful\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#0acf83 \u002F #f24e1e \u002F #a259ff\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Farc.net\">\u003Cimg src=\"assets\u002Fpreviews\u002Farc.jpg\" width=\"100%\" alt=\"Arc Browser — glass \u002F soft-futurism\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fglass\u002Farc.md\">Arc · glass\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#fff \u002F radial pastel\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Fwww.theverge.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Ftheverge.jpg\" width=\"100%\" alt=\"The Verge — neon brutalist\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fbrutalist\u002Fthe-verge.md\">The Verge · brutalist\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#ff6600 \u002F #000 \u002F #fff\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Fwww.granola.ai\">\u003Cimg src=\"assets\u002Fpreviews\u002Fgranola.jpg\" width=\"100%\" alt=\"Granola — cult \u002F indie\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Findie\u002Fgranola.md\">Granola · indie\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#faf8f2 \u002F warm glass\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n\u003Csub>Screenshots are public-homepage stills used for editorial reference. Trademarks remain with their respective owners. See \u003Ca href=\"assets\u002Fpreviews\u002FATTRIBUTION.md\">ATTRIBUTION.md\u003C\u002Fa> for source URLs and refresh policy.\u003C\u002Fsub>\n\n## Contents\n\n- [Preview Gallery](#preview-gallery)\n- [What Is Claude Design](#what-is-claude-design)\n- [Video Teardowns](#video-teardowns)\n- [Comparisons](#comparisons)\n- [Showcase](#showcase)\n- [Community Takes](#community-takes)\n- [Feature Map](#feature-map)\n- [Launch Timeline](#launch-timeline)\n- [Quotas & Token Budget](#quotas--token-budget)\n- [Official Resources](#official-resources)\n- [X Signal](#x-signal)\n- [DESIGN.md by Aesthetic Family](#designmd-by-aesthetic-family)\n- [Remix Recipes](#remix-recipes)\n- [Picker: What Should I Use](#picker-what-should-i-use)\n- [Prompts & Cookbooks](#prompts--cookbooks)\n- [Anti-Slop Kit](#anti-slop-kit)\n- [Skills & Plugins](#skills--plugins)\n- [Integrations](#integrations)\n- [Workflows & Recipes](#workflows--recipes)\n- [Long-Form Tutorials](#long-form-tutorials)\n- [International Coverage](#international-coverage)\n- [Tips & Tricks](#tips--tricks)\n- [Podcast Coverage](#podcast-coverage)\n- [FAQ](#faq)\n- [Related OSS Projects](#related-oss-projects)\n- [Tag System](#tag-system)\n- [Contributing](#contributing)\n- [License](#license)\n\n---\n\n## What Is Claude Design\n\nAnthropic Labs product. Conversation-to-artifact loop for prototypes, design systems, slides, one-pagers, landing pages, marketing graphics, brand videos. Powered by **Claude Opus 4.7** (vision model). Research preview on **Pro, Max, Team, Enterprise** plans. Rolling out throughout launch day.\n\nThree surfaces:\n- **Prototypes** — from text, screenshot, Figma `.fig`, repo URL, or scraped live site\n- **Design systems** — persistent per-project tokens\u002Fcomponents via `DESIGN.md`; teams hold multiple\n- **Collateral** — pitch decks, marketing pages, carousels, one-time posts, brand videos\n\n## Video Teardowns\n\nClick thumbnail. View counts refresh live via shields.io.\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=IkspcJdeP3U\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FIkspcJdeP3U\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>Malewicz\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FIkspcJdeP3U?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FIkspcJdeP3U?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Skeptical senior-designer teardown\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=o4jIKc_DIoM\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002Fo4jIKc_DIoM\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>02ui · Murat Bayral\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002Fo4jIKc_DIoM?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002Fo4jIKc_DIoM?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>vs Lovable head-to-head\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=uhQfErAzdiA\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FuhQfErAzdiA\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>WorldofAI\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FuhQfErAzdiA?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FuhQfErAzdiA?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Hype walkthrough\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Qct36RA3y9k\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FQct36RA3y9k\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>Ray Fernando\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FQct36RA3y9k?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FQct36RA3y9k?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Live blog redesign\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=A2eEv3KYGPg\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FA2eEv3KYGPg\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>Vivek Mishra\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FA2eEv3KYGPg?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FA2eEv3KYGPg?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Launch-day walkthrough\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=4q2F4zblOLQ\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002F4q2F4zblOLQ\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>AI for Work\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002F4q2F4zblOLQ?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002F4q2F4zblOLQ?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>System from prompt\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=vyLaimDeK_g\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FvyLaimDeK_g\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>Greg Isenberg\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FvyLaimDeK_g?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FvyLaimDeK_g?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Hands-on edges\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Hcvkc1XUhMg\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FHcvkc1XUhMg\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>Ramanpal Singh\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FHcvkc1XUhMg?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FHcvkc1XUhMg?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Beginner tutorial\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## Comparisons\n\n| Feature | Claude Design | [Figma Make](https:\u002F\u002Fwww.figma.com\u002Fmake) | [Lovable](https:\u002F\u002Flovable.dev) | [v0](https:\u002F\u002Fv0.dev) |\n|---|---|---|---|---|\n| Prompt → hi-fi | Yes | Yes | Yes | Yes |\n| DESIGN.md native | **Yes** | No | Partial | No |\n| Web capture | **Native** | No | Partial | No |\n| Figma `.fig` import | Yes | Native | Yes | Partial |\n| Export paths | Canva\u002FPDF\u002FPPTX\u002FHTML | Figma | Full-stack app | React |\n| Underlying model | Opus 4.7 | GPT-based | Claude\u002FGPT | GPT + Claude |\n\nLaunch-week consensus: **Claude Design** wins design-system coherence, web capture, collaboration. **Lovable** wins full-stack shipping. **Figma Make** is safest for Figma teams.\n\n## Showcase\n\nReal builds shipped with Claude Design — launch-week seed of 10 cards including pizza brands, landing pages, and complex design systems.\n\nSee [`showcase\u002FREADME.md`](showcase\u002FREADME.md).\n\n## Community Takes\n\n### Hype\n> \"The design system integration feels best in class for AI.\"\n> — [@petergyang](https:\u002F\u002Fx.com\u002Fpetergyang\u002Fstatus\u002F2045527271650558383)\n\n### Pushback\n> \"Another slop feature that will burn tokens.\"\n> — [r\u002FClaudeAI](https:\u002F\u002Fwww.reddit.com\u002Fr\u002FClaudeAI\u002Fcomments\u002F1so3k1y\u002F)\n\n## Feature Map\n\n| Capability | Detail |\n|---|---|\n| Brand onboarding | Claude reads codebase + design files, builds system automatically |\n| Web capture | Grab live elements from your site for 1:1 matching |\n| Inline comments | Comment on specific elements directly in the canvas |\n| Adjustment knobs | Live sliders for spacing, color, and layout |\n| Code handoff | One-click bundle to Claude Code with CSS vars |\n\n## Launch Timeline\n\n- **2026-04-10**: Canva announces collaboration with Anthropic.\n- **2026-04-17**: Claude Design + Opus 4.7 ship in research preview.\n- **2026-04-17**: Figma closes **−4.26%** following the announcement.\n- **2026-04-18**: First wave of teardowns from major design influencers.\n\n## Quotas & Token Budget\n\n- **Separate meter**: Claude Design usage does not count against your chat limit.\n- **Vision overhead**: Vision tokens cost ~3x text; screenshots inflate the budget.\n- **Promo credit**: One-time credit for ~20 prompts, expiring **2026-07-17**.\n\n## Official Resources\n\n- [Official Launch Post](https:\u002F\u002Fwww.anthropic.com\u002Fnews\u002Fclaude-design-anthropic-labs)\n- [Claude Design Workspace](https:\u002F\u002Fclaude.ai\u002Fdesign)\n- [Anthropic Prompt Library](https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fresources\u002Fprompt-library\u002Flibrary)\n\n## DESIGN.md by Aesthetic Family\n\n1. **Editorial Minimalism**: Whitespace, high-end typography (Linear style).\n2. **Terminal-core**: Mono-spaced fonts, strict grids (Ollama style).\n3. **Warm Editorial**: Soft tones, clay accents (Anthropic style).\n4. **Data-Dense Pro**: High info density, sidebar-heavy (ClickHouse style).\n5. **Cinematic Dark**: Deep blacks, neon glows (Runway style).\n6. **Playful Color**: Vibrant palettes, rounded corners (Figma style).\n7. **Glass \u002F Soft-Futurism**: Translucency, pastel gradients (Arc style).\n8. **Neon Brutalist**: Sharp edges, thick borders (The Verge style).\n9. **Cult \u002F Indie**: Non-standard layouts, experimental UX (Granola style).\n\n---\n\n## Contributing\n\nPull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.\n\n## License\n\n[MIT](LICENSE)\n\n\u003Cp align=\"center\">\u003Cimg src=\"assets\u002Fmascot.svg\" width=\"72\" alt=\"mascot\">\u003C\u002Fp>\n","Claude Design 是一个由 Anthropic Labs 开发的AI设计工作空间，旨在通过AI技术自动生成和优化UI\u002FUX设计。该项目的核心功能包括支持从Figma到代码的转换、React 19和Tailwind v4集成、以及提供多种设计风格模板供用户选择，能够显著提高设计师的工作效率与创造力。此外，它还提供了丰富的教程资源帮助开发者快速上手。适用于需要高效创建美观且功能强大的Web应用界面的设计团队或个人开发者，在保证设计质量的同时大幅缩短开发周期。",2,"2026-05-06 17:32:29","CREATED_QUERY"]