AI Design Skills — коллекция самостоятельных инструкций для AI-инструментов программирования. Она помогает выполнять дизайн-задачи, например создавать лендинги и превращать статичный дизайн в анимированную демонстрацию.
Навыки подходят пользователям Claude Code, Cursor, Codex, Windsurf и других совместимых инструментов, которые читают правила в формате Markdown. Каждый навык распространяется отдельной папкой с файлом SKILL.md.
- Landing-page-design собирает вводные, задаёт структуру страницы и готовит конверсионные тексты.
- Навык для лендингов описывает целостную визуальную систему с типографикой, интервалами, скруглениями и анимацией.
- Design-to-motion превращает статичный дизайн в зацикленную демонстрацию с переходом от пустого состояния к загруженному.
- Анимация показывает, как элементы раскрывают свою историю, а фон остаётся нетронутым.
- Демонстрацию можно экспортировать в MP4 или GIF размером 800×500.
- Шрифты, цвета, интервалы и анимацию можно настроить в одном разделе файла навыка.
Для Claude Code папку навыка копируют в .claude/skills, а для Cursor файл размещают в .cursor/rules или добавляют через Settings → Rules for AI. Для Codex SKILL.md копируют в AGENTS.md, для Windsurf — в .windsurfrules, для Cline — в .clinerules; в других инструментах файл можно вставить в системный промпт. В Claude.ai его можно загрузить в Project или прикрепить к чату и попросить следовать инструкциям.
Коллекция распространяется по лицензии MIT: её можно использовать, форкать и распространять, а созданное с её помощью — продавать без обязательного указания авторства. Навык для модернизации существующего сайта находится в отдельном репозитории; коллекция продолжает расти.
Блог