AI и агенты
AI Design Components
ancoleman/ai-design-componentsКоллекция из 76 production-ready скиллов Claude Code для frontend, backend, DevOps, инфраструктуры, безопасности, облака и AI/ML. Снабжает Claude экспертизой, фреймворками принятия решений и готовыми паттернами кода.
Установка
terminal
bash
git clone https://github.com/ancoleman/ai-design-components.gitREADME
Скиллы full-stack разработки для AI-assisted разработки с Claude
Что это такое?
Коллекция из 76 production-ready скиллов Claude, охватывающих frontend, backend, DevOps, инфраструктуру, безопасность, облако и AI/ML-разработку. Скиллы предоставляют Claude доменную экспертизу, фреймворки принятия решений и готовые паттерны кода.
Документация
Полная документация: ancoleman.github.io/ai-design-components
| Ресурс | Описание |
|---|---|
| Getting Started | Введение и обзор |
| Installation | Инструкции по установке |
| Skills Reference | Документация всех 76 скиллов |
| Skillchain Guide | Система управляемых рабочих процессов |
Быстрый старт
Вариант 1: Скрипт установщика (рекомендуется)
Интерактивный установщик берёт на себя всё — скиллы, skillchain и плагины:
bash
git clone https://github.com/ancoleman/ai-design-components.git
cd ai-design-components
./install.shУстановщик предоставляет:
- Интерактивное меню для выбора компонентов установки
- Skillchain v3.0 с 76 скиллами по 10 доменам
- Установку плагинов для всех 19 групп плагинов
- Автоматическую настройку команд и директорий данных
bash
# Команды установщика
./install.sh # Интерактивный режим
./install.sh plugins list # Показать все доступные плагины
./install.sh plugins install # Установить все плагины
./install.sh skillchain # Установить только skillchainВариант 2: Ручная установка плагинов
Если вы предпочитаете использовать команды плагинов Claude напрямую:
bash
# Добавить маркетплейс
claude plugin marketplace add ancoleman/ai-design-components
# Установить все 19 плагинов (76 скиллов)
claude plugin install ui-foundation-skills@ai-design-components
claude plugin install ui-data-skills@ai-design-components
claude plugin install ui-input-skills@ai-design-components
claude plugin install ui-interaction-skills@ai-design-components
claude plugin install ui-structure-skills@ai-design-components
claude plugin install ui-content-skills@ai-design-components
claude plugin install ui-assembly-skills@ai-design-components
claude plugin install backend-data-skills@ai-design-components
claude plugin install backend-api-skills@ai-design-components
claude plugin install backend-platform-skills@ai-design-components
claude plugin install backend-ai-skills@ai-design-components
claude plugin install devops-skills@ai-design-components
claude plugin install infrastructure-skills@ai-design-components
claude plugin install security-skills@ai-design-components
claude plugin install developer-productivity-skills@ai-design-components
claude plugin install data-engineering-skills@ai-design-components
claude plugin install ai-ml-skills@ai-design-components
claude plugin install cloud-provider-skills@ai-design-components
claude plugin install finops-skills@ai-design-componentsВариант 3: Выборочная установка
Установите только то, что нужно:
bash
# Сначала добавьте маркетплейс
claude plugin marketplace add ancoleman/ai-design-components
# Установите нужные группы плагинов
claude plugin install infrastructure-skills@ai-design-components
claude plugin install devops-skills@ai-design-components
claude plugin install security-skills@ai-design-componentsСправочник команд плагинов
bash
# Маркетплейс
claude plugin marketplace add ancoleman/ai-design-components # Добавить
claude plugin marketplace rm ai-design-components # Удалить
claude plugin marketplace list # Показать все
claude plugin marketplace update ai-design-components # Обновить
# Плагины
claude plugin install <plugin>@ai-design-components # Установить
claude plugin uninstall <plugin> # Удалить
# Валидация
claude plugin validate .claude-plugin/marketplace.json # ПроверитьИспользование Skillchain
После установки используйте команду /skillchain:start для управляемых рабочих процессов:
bash
/skillchain:start dashboard with charts and filters
/skillchain:start REST API with postgres
/skillchain:start kubernetes with monitoring
/skillchain:start RAG pipeline with embeddingsКатегории скиллов
| Категория | Скиллов | Описание |
|---|---|---|
| Frontend | 15 | UI-компоненты, формы, визуализация данных, навигация |
| Backend | 14 | Базы данных, API, аутентификация, наблюдаемость |
| DevOps | 6 | CI/CD, GitOps, платформенная инженерия |
| Инфраструктура | 12 | IaC, Kubernetes, сети, распределённые системы |
| Безопасность | 7 | Архитектура, соответствие требованиям, TLS, hardening |
| Продуктивность разработчика | 7 | API, CLI, SDK, документация |
| Data Engineering | 6 | Архитектура, стриминг, SQL, секреты |
| AI/ML | 4 | MLOps, RAG, prompt engineering |
| Облако | 3 | Паттерны AWS, GCP, Azure |
| FinOps | 2 | Оптимизация затрат, тегирование |
Полный список см. в Skills Overview.
Требования
- Claude Code CLI — Установить Claude Code
- Context7 MCP (рекомендуется) — для актуальной документации библиотек