elayadesign/ai-design-skills

Что это?

Ключевые возможности

• 01Предоставляет навык landing-page-design, охватывающий структуру, тексты и визуальную систему
• 02Каждый навык находится в отдельной папке и устанавливается независимо от остальных
• 03Работает с Claude Code, Cursor, Codex, Windsurf, Cline и универсальными системными промптами
• 04Дизайн-токены, такие как шрифты, цвета и отступы, собраны в одном редактируемом разделе
• 05Выпускается под лицензией MIT

Сценарии использования

• Создание лендинга для запуска продукта с помощью AI-ассистента разработки
• Настройка единых правил дизайна для AI-инструмента, чтобы созданный интерфейс соответствовал заданной визуальной системе
• Настройка шрифтов, цветов и отступов в соответствии с брендом команды с помощью форка репозитория

Быстрый старт

1. 1

   Создайте в проекте папку skills

   mkdir -p .claude/skills
2. 2

   Клонируйте репозиторий во временную папку

   git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills
3. 3

   Скопируйте в проект папку нужного skill (замените <skill-name>, например: landing-page-design)

   cp -r /tmp/ai-design-skills/skills/<skill-name> .claude/skills/
4. 4

   В Claude Code спросите обычным языком, что входит в область применения этого skill

В подборках

Темы

Частые вопросы

Что такое ai-design-skills?

Набор автономных файлов с дизайн-навыками для AI-инструментов разработки, таких как Claude Code, Cursor и Codex; первым стал навык для лендингов. AI Design Skills — это набор дизайн-навыков в формате Markdown, которым AI-инструменты разработки могут следовать при создании пользовательских интерфейсов. Каждый навык находится в отдельной папке с файлом SKILL.md, поэтому в каталог правил или навыков проекта можно установить только нужные.

ai-design-skills можно использовать бесплатно? Какая у него лицензия?

ai-design-skills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

ai-design-skills всё ещё поддерживается?

Активно поддерживается. Последний коммит в ai-design-skills — 1 нояб. 2026 г..

Для чего можно использовать ai-design-skills?

Создание лендинга для запуска продукта с помощью AI-ассистента разработки Настройка единых правил дизайна для AI-инструмента, чтобы созданный интерфейс соответствовал заданной визуальной системе Настройка шрифтов, цветов и отступов в соответствии с брендом команды с помощью форка репозитория

Как установить ai-design-skills?

Создайте в проекте папку skills: mkdir -p .claude/skills Клонируйте репозиторий во временную папку: git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills Скопируйте в проект папку нужного skill (замените <skill-name>, например: landing-page-design): cp -r /tmp/ai-design-skills/skills/<skill-name> .claude/skills/ В Claude Code спросите обычным языком, что входит в область применения этого skill

Где скачать ai-design-skills?

Исходный код и инструкции по установке — на GitHub: https://github.com/elayadesign/ai-design-skills