·primer-design
*

primer-design

✓
bas/agent-skillsGitHub: bas/agent-skillsИсточник: bas/agent-skills

Создавайте уникальные интерфейсы промышленного уровня с высоким качеством дизайна, используя систему проектирования Primer и рекомендации по бренду. Используйте этот навык, когда пользователь просит создать веб-компоненты, страницы, артефакты, плакаты или приложения (примеры включают веб-сайты, целевые страницы, информационные панели, компоненты React, макеты HTML/CSS или при стилизации/украшении любого веб-интерфейса). Создает безупречный код и дизайн пользовательского интерфейса, полностью соответствующий системе проектирования Primer.

bas·primer·design
18Установки·0Тренд·@bas

Установка

GitHub: bas/agent-skills
$npx skills add https://github.com/bas/agent-skills --skill primer-design

Как установить primer-design

Быстро установите AI-навык primer-design в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/bas/agent-skills --skill primer-design
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: bas/agent-skills.

SKILL.md

Показать raw

This skill guides creation of production-grade frontend interfaces that follow the HitHub Primer brand design guidelines. Implement real working code with exceptional attention to the primer design system guidelines, Brand UI, Primer React Components and Octicons.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

Before coding, understand the context and commit to a clear aesthetic direction:

Создавайте уникальные интерфейсы промышленного уровня с высоким качеством дизайна, используя систему проектирования Primer и рекомендации по бренду. Используйте этот навык, когда пользователь просит создать веб-компоненты, страницы, артефакты, плакаты или приложения (примеры включают веб-сайты, целевые страницы, информационные панели, компоненты React, макеты HTML/CSS или при стилизации/украшении любого веб-интерфейса). Создает безупречный код и дизайн пользовательского интерфейса, полностью соответствующий системе проектирования Primer. Источник: bas/agent-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/bas/agent-skills --skill primer-design
Источник
bas/agent-skills
Категория
*Креатив
Проверено
✓
Впервые замечено
2026-02-01
Обновлено
2026-03-10
URL
https://www.learn-skills.dev/ru/skills/bas/agent-skills/primer-design

Browse more skills from bas/agent-skills

Короткие ответы

Что такое primer-design?

Создавайте уникальные интерфейсы промышленного уровня с высоким качеством дизайна, используя систему проектирования Primer и рекомендации по бренду. Используйте этот навык, когда пользователь просит создать веб-компоненты, страницы, артефакты, плакаты или приложения (примеры включают веб-сайты, целевые страницы, информационные панели, компоненты React, макеты HTML/CSS или при стилизации/украшении любого веб-интерфейса). Создает безупречный код и дизайн пользовательского интерфейса, полностью соответствующий системе проектирования Primer. Источник: bas/agent-skills.

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

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/bas/agent-skills --skill primer-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/bas/agent-skills

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-02-01

Похожие навыки

hello-world
82 Установки