skills README

The project's README from github.com/jakubkrehel/skills. As one markdown file: README.md.

interfaces.dev

skills.sh

A collection of agent skills that cover UI, typography, colors, accessibility, layout, product writing and help you build a great interface.

These skills are contain topics that I write about on my personal website and my design engineering magazine, Interfaces.

Skills that help build great interfaces

Install

npx skills add jakubkrehel/skills

Claude Code plugin

/plugin marketplace add jakubkrehel/skills
/plugin install interfaces@interfaces

skills (jakubkrehel/skills)

Searching Database…

Что это такое?Коллекция агентных навыков для Claude Code, которые помогают строить лучшие интерфейсы: охватывает UI, типографику, цвета, доступность, компоновку и продуктовые тексты.
Это библиотека кода или что-то другое?Это не библиотека для импорта в код — это набор markdown-файлов навыков, работающих как плагин Claude Code и дающих агенту предметные знания о дизайне интерфейсов.
Как добавить эти навыки в мой проект?Вы устанавливаете репозиторий как плагин Claude Code, после чего отдельные навыки (например, better-ui, better-typography, interface-review) становятся доступны агенту.
Нужно ли что-то ещё, кроме Claude Code?В README в качестве цели установки упоминается только Claude Code, так что эти навыки созданы специально для работы внутри Claude Code, и других зависимостей не перечислено.
Все ли эти навыки запускаются автоматически или некоторые нужно вызывать?Большинство навыков вроде better-ui или better-colors применяются автоматически при ревью, но несколько — interface-review, explain-interface, break и variant — явно помечены как вызываемые пользователем, то есть их нужно вызывать самому.
Что делает навык better-interface?Он объединяет все отдельные навыки better- (UI, типографика, цвета, доступность, компоновка, тексты) в единое комплексное ревью вашего интерфейса.
Что делает навык break?Он отрисовывает выбранный вами компонент во всех состояниях и сценариях на временной странице и устраивает ему стресс-тест — это полезно для выявления крайних случаев.
Чем variant отличается от break?variant создаёт несколько альтернативных версий компонента, над которым вы работаете, помогая итерировать дизайн, а break устраивает стресс-тест одному существующему компоненту во всех его состояниях.
Зачем автор создал эту коллекцию навыков?Навыки упаковывают темы, о которых автор регулярно пишет на своём личном сайте и в своём журнале о дизайн-инженерии Interfaces.
Size
0.7 MB
Stars
8K
Updated
CommitOct 13
Age
3mo
Commits · 90 Days