·frontend-design
</>

frontend-design

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

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

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

Установка

GitHub: answerzhao/agent-skills
$npx skills add https://github.com/answerzhao/agent-skills --skill frontend-design

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

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

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

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

SKILL.md

Показать raw

This skill transforms vague UI style requirements into executable, production-grade frontend code through a systematic design token approach while maintaining creative excellence. It ensures visual consistency, accessibility compliance, and maintainability across all deliverables.

Never skip token definition. All visual properties must derive from the token system.

Create comprehensive token system (see examples/css/tokens.css and examples/typescript/design-tokens.ts):

Преобразуйте требования к стилю пользовательского интерфейса в готовый к использованию код внешнего интерфейса с помощью систематических токенов проектирования, соответствия требованиям специальных возможностей и творческого исполнения. Используйте при создании веб-сайтов, веб-приложений, компонентов React/Vue, информационных панелей, целевых страниц или любого веб-интерфейса, требующего как единообразия дизайна, так и эстетического качества. Источник: answerzhao/agent-skills.

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

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

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

Browse more skills from answerzhao/agent-skills

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

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

Преобразуйте требования к стилю пользовательского интерфейса в готовый к использованию код внешнего интерфейса с помощью систематических токенов проектирования, соответствия требованиям специальных возможностей и творческого исполнения. Используйте при создании веб-сайтов, веб-приложений, компонентов React/Vue, информационных панелей, целевых страниц или любого веб-интерфейса, требующего как единообразия дизайна, так и эстетического качества. Источник: answerzhao/agent-skills.

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

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

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

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

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-23

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

web-reader
1.4K Установки
web-search
45 Установки
image-generation
20 Установки
xlsx
14 Установки
canvas-design
13 Установки
pdf
13 Установки