·frontend-design
</>

frontend-design

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

4Установки·0Тренд·@congdon1207

Установка

$npx skills add https://github.com/congdon1207/agents.md --skill frontend-design

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

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

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

Источник: congdon1207/agents.md.

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

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

Important: Do NOT skip to implementation. Extract design guidelines FIRST, then code.

Создавайте уникальные интерфейсы промышленного уровня с высоким качеством дизайна. Используйте этот навык, когда пользователь просит создать веб-компоненты, страницы или приложения, ИЛИ когда он предоставляет снимки экрана/изображения/проекты, которые можно воспроизвести или почерпнуть из них вдохновение. Для входных снимков экрана сначала извлекаются рекомендации по проектированию с помощью мультимодального анализа, а затем реализуется код в соответствии с этими рекомендациями. Генерирует креативный, отточенный код, избегающий общей эстетики искусственного интеллекта. Источник: congdon1207/agents.md.

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

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

Команда установки
npx skills add https://github.com/congdon1207/agents.md --skill frontend-design
Источник
congdon1207/agents.md
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-05
Обновлено
2026-03-10

Browse more skills from congdon1207/agents.md

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

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

Создавайте уникальные интерфейсы промышленного уровня с высоким качеством дизайна. Используйте этот навык, когда пользователь просит создать веб-компоненты, страницы или приложения, ИЛИ когда он предоставляет снимки экрана/изображения/проекты, которые можно воспроизвести или почерпнуть из них вдохновение. Для входных снимков экрана сначала извлекаются рекомендации по проектированию с помощью мультимодального анализа, а затем реализуется код в соответствии с этими рекомендациями. Генерирует креативный, отточенный код, избегающий общей эстетики искусственного интеллекта. Источник: congdon1207/agents.md.

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

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

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

https://github.com/congdon1207/agents.md

Детали

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