Claude Design: инструменти и познание
v0.1 · 2026-10-19 · от Better Mechanics · ниво: общност (текст, без протокол от проверка)
Събрано и проверено на живо от агент на Claude на 19.10.2026 (официалните страници и репата в GitHub). Светофар: ЗЕЛЕН = отворен лиценз, позволява повторно ползване с авторство · ЖЪЛТ = свободно за ползване, но без препубликуване или неясни условия · ЧЕРВЕН = ограничено или платено. Звездите са към 19.10.2026. Каквото не е проверено, пише „непроверено“. Флагман, не конкурент: всяка позиция води към оригинала.
1 · Какво е Claude Design днес
- Обявен на 17.04.2026 като първия продукт на Anthropic Labs (съобщението).
- Сега работи във всеки разговор с Claude, включително Claude Code и раздела Artifacts, във всички планове, включително безплатния (продуктовата страница).
- Самостоятелният сайт claude.ai/design остава до 14.12.2026.
- В Enterprise е включен по подразбиране от 15.10.2026.
- Как се влиза: в чата (Output → Design), шаблонът Design в Artifacts,
/designв Claude Code, мобилните приложения (само преглед и редакция) (помощ). - Дизайн система: от GitHub, дизайн файлове, качвания или от локалния код с
/design-syncв Claude Code. - Износ: .zip, PDF, PPTX, Google Slides, самостоятелен HTML.
- Предаване: към Claude Code (локално или уеб).
2 · Първите десет
| # | Какво | Защо | Лиценз |
|---|---|---|---|
| 1 | скилът frontend-design | официалният метод срещу генеричния вид: 4–6 цвята, роли на шрифтовете, самопроверка | ЗЕЛЕН · Apache-2.0 (LICENSE.txt прочетен) |
| 2 | Cookbook „Prompting for frontend aesthetics“ | подкани по измерения: типография, цвят, движение, фонове | ЗЕЛЕН · MIT (репото claude-cookbooks) |
| 3 | помощта за Claude Design + /design и /design-sync |
официалният път: код → дизайн система → обратно | ЖЪЛТ · само връзка |
| 4 | скилът web-artifacts-builder | самостоятелен HTML в един файл | ЗЕЛЕН · Apache-2.0 (по README; файлът непрочетен) |
| 5 | shadcn/ui + Tailwind + shadcn MCP | стекът, който Claude пише най-добре | ЗЕЛЕН · MIT |
| 6 | Playwright MCP или Chrome DevTools MCP | Claude снима и проверява собствения си резултат: най-голямата печалба в качеството | ЗЕЛЕН · Apache-2.0 |
| 7 | axe-core + Lighthouse | автоматична достъпност и скорост | ЗЕЛЕН · MPL-2.0 / Apache-2.0 |
| 8 | fontTools + Hyperglot + Wakamai Fondue | проверка на кирилицата и на българския locl |
ЗЕЛЕН · MIT / Apache-2.0 |
| 9 | Google Fonts / Fontsource + Инициатива „Българска кирилица“ | шрифтове за самостоятелно хостване, филтрирани по български форми | ЗЕЛЕН (OFL, по семейство) / ЖЪЛТ (списъкът) |
| 10 | three.js + Motion | 3D и движение с чисти лицензи | ЗЕЛЕН · MIT |
3 · Всичко по групи
Официално от Anthropic: - anthropics/skills: ~182 хил. звезди. Повечето скилове са Apache-2.0, а docx/pdf/pptx/xlsx са „само с достъп до изходника“. Цвят: ЗЕЛЕН / ЖЪЛТ. - theme-factory и canvas-design: ЗЕЛЕН (по README). - brand-guidelines: ЖЪЛТ. Взимаме структурата; марката е на Anthropic. - claude-cookbooks: MIT · ЗЕЛЕН. - claude-plugins-official: Apache-2.0, с frontend-design и playground · ЗЕЛЕН. - Блогът „Improving frontend design through Skills“: съдържанието е непроверено.
Дизайн системи и компоненти: - shadcn/ui · Tailwind CSS · Radix Primitives · daisyUI · Open Props: всички MIT, ЗЕЛЕН. - Pico CSS: MIT, но архивиран, последна версия 2.1.1. - Uiverse: MIT, но качеството е различно. - Иконите: Lucide (ISC) · Tabler (MIT).
Типография и кирилица:
- Google Fonts (OFL по семейство) · Fontsource (MIT репо) · Noto (OFL) · fontTools (MIT) · Hyperglot (Apache-2.0) · glyphsets (Apache-2.0) · Wakamai Fondue (Apache-2.0).
- Инициатива „Българска кирилица“: ЖЪЛТ, условията не са посочени.
- Статията на Криста Радоева в MyFonts за руските и българските форми: ЖЪЛТ, само връзка.
- Нашата проверка с fontTools (19.10): Manrope, Montserrat, IBM Plex Sans, Source Sans 3, Commissioner, Geologica, Raleway, Unbounded, Piazzolla и Marmelad имат locl BGR. Inter, Playfair, JetBrains Mono, IBM Plex Mono, Space Mono и Martian Mono нямат.
Цвят, токени, достъпност: - axe-core (MPL-2.0) · Pa11y (LGPL-3.0) · Lighthouse (Apache-2.0) · Adobe Leonardo (Apache-2.0) · Radix Colors (MIT) · Style Dictionary (Apache-2.0). - WebAIM Contrast Checker: ЖЪЛТ, има JSON API.
Движение и 3D: - three.js · Motion · Anime.js v4 · Lottie-web: MIT. За Lottie-web поддръжката е неясна. - p5.js: LGPL-2.1. - GSAP: безплатен, но собственически лиценз, затова ЖЪЛТ. Предпочитаме MIT алтернативите. - Shadertoy: условията са непроверени. Шейдър не се ползва без собствения му лиценз.
Вдъхновение (само за вдъхновение, без копиране): - Awwwards · Siteinspire · Recent: ЖЪЛТ. godly.website пренасочва към recent.design. - Mobbin и Land-book: непроверени.
MCP и CLI: - Figma MCP (официален): ЧЕРВЕН/ЖЪЛТ според плана на Figma. Записът в платното иска Full seat. - shadcn MCP (MIT) · Playwright MCP · Chrome DevTools MCP (Apache-2.0): ЗЕЛЕН. - Canva MCP: непроверен. Износът към Canva от Claude Design е проверен.
Колекции от общността:
- ui-ux-pro-max-skill: MIT. Шрифтовите двойки са от Google Fonts, затова българският locl се проверява отделно.
- ComposioHQ/awesome-claude-skills: ЖЪЛТ за качество, с много реклама.
- hesreallyhim/awesome-claude-code: CC BY-NC-ND 4.0, ЧЕРВЕН. Само връзка, не се копира.
- travisvn/awesome-claude-skills: лицензът е непроверен.
4 · За проверка преди публикуване
FontDrop · Shadertoy · Mobbin · Land-book · Canva MCP · блогът на Anthropic · LICENSE файловете на останалите скилове на Anthropic.