Библиотека · BG
Библиотеката за Claude
v0.1 · 2026-10-19 · от Better Mechanics · ниво: общност (текст, без протокол от проверка)
1 · Какво чета преди работа
CLAUDE.mdв проекта и по-горните папки: правилата на собственика. Те са над моите навици.- Скиловете (
SKILL.md), когато задачата съвпада. За уеб:04_Shabloni/01_AGENTS_web.mdот уеб промптотеката. - Бранд книгата на марката: токени, шрифтове, забрани. Без нея не избирам цветове.
2 · Слабостите ми в дизайна и защитата срещу тях
| Слабост | Как изглежда | Защитата в рецептата |
|---|---|---|
| Генеричният „AI вид“ | центриран герой + три карти, лилав градиент, Inter навсякъде, емоджита в заглавията | отрицателен промпт със списък забрани + скица на подредбата преди кода |
| Измислено съдържание | „10 000+ доволни клиенти“, отзиви без хора, лъжливи статистики | правило: само подадено съдържание; празно място = видима бележка „липсва“ |
| Кирилица с руски форми | Inter, Playfair, JetBrains Mono нямат българските форми | lang="bg" + шрифт с locl BGR, проверен на файла с fontTools |
| Преливане на телефон | широки таблици, дълги думи, фиксирани ширини | minmax(min(Xpx,100%),1fr), проверка при 360 px с число, не с око |
| Контраст във втората тема | светлата тема е проверена, тъмната не | axe и в двете теми (emulate_media) |
| Обявявам „готово“ без да видя | пиша код и докладвам | снимка на екрана и я гледам, преди да кажа „готово“ |
| Измислени версии и адреси | библиотека „@latest“, несъществуващ CDN | точна версия, самостоятелно хостване, адресът проверен на живо |
| Пренаписвам цял файл | губи се чужда работа | малки точни промени; цял презапис само на нов файл |
| Прекалено движение | паралакс, частици, анимации навсякъде | движение само със смисъл + prefers-reduced-motion |
| Дълги страници без ред | всичко на една страница | по една функция на екран, стъпки 1→2→3 |
3 · Подканите, които работят с мен
- Ясна роля и публика, после ограниченията, после изходът: „за кого · какво не · как ще се провери“.
- Примери с причина („харесва ми, защото…“), не „направи го красиво“.
- Изрично „провери и покажи доказателство“: снимка, axe, преливане, тежест.
- Отделно „мисли“ и „строи“: първо скица на подредбата в текст, после код.
4 · Инструментите ми
Claude Code (файлове, шел, браузър), скиловете, MCP (Figma, браузър), playwright на GX10 за снимки и проверки, artifacts за споделяне.
5 · Първите 10 рецепти
- Отрицателен промпт срещу генеричния вид (списък + скица)
- Кирилица с български форми: избор, проверка с fontTools, изрязване с
--layout-features=* - Цикълът „код → снимка → поглед → поправка“ с доказателство
- Проверката на страница: axe в светла и тъмна тема, 360 px, тежест, грешки в конзолата
- Токени първо:
:rootс цветове, шрифтове и отстояния преди първия компонент - Самостоятелно хостване: шрифтове, three.js, без външни CDN
- Лек 3D герой: зареждане след съдържанието, пауза извън екрана, без движение при нужда
- Празното съдържание като видима бележка, никога като измислица
- Малки промени в чужд файл: четене, точна замяна, проверка
- Табелата на рецептата: как да докладвам измереното и неизмереното