Локализованное руководство по чтению

frontend-designНазначение, использование и источник

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

Источник получен: 2026-10-29

Репозиторий-источник: vercel-labs/open-agents
SKILL.md: .agents/skills/frontend-design/SKILL.md
Звёзды репозитория: 5,871
Последнее обновление репозитория: 2026-08-29
Категории Skills: Дизайн
Время последнего сбора: 2026-10-31 10:38 UTC+08:00

Лицензия: MIT

Оригинальный файл SKILL.md

Приведенные фрагменты описания рабочих процессов являются вспомогательными средствами для чтения, а не исполняемыми инструкциями от Codez. Для создания этой страницы не использовались сторонние инструменты.

Приведённые ниже фрагменты, описывающие цели и рабочие процессы, представляют собой исходный материал, систематизированный и переведённый для удобства чтения. Они отличаются от отдельно обозначенного редакционного анализа Codez.

Что делает этот навык

Как работает рабочий процесс на вышестоящем уровне

Обзор

Этот навык помогает создавать отличительные, готовые к использованию интерфейсы для фронтенда, избегая типичной «некачественной» эстетики, характерной для ИИ. Реализация реального работающего кода с исключительным вниманием к эстетическим деталям и творческим решениям. Пользователь предоставляет требования к фронтенду: компонент, страницу, приложение или интерфейс для разработки. Он может также указать контекст, касающийся цели, целевой аудитории или технических ограничений.

проход вверх по течению · L6 ↗

Дизайн-мышление

Прежде чем приступать к кодированию, разберитесь в контексте и выберите смелое эстетическое направление: Цель: Какую проблему решает этот интерфейс? Кто им пользуется?

проход вверх по течению · L10 ↗

Требования и настройка

Из этого файла не был выбран фрагмент с краткими требованиями. Это не означает, что у навыка нет зависимостей. Проверьте инструкции по настройке репозитория и указанные файлы.

Ограничения и проверки качества

Из этого файла не был выбран отдельный фрагмент с ограничениями. Это не означает, что навык безопасен для любых входных данных или сред. Проверьте полный исходный код и подтвердите свой собственный результат.

Начните с безопасного пробного периода.

Проверьте поддерживаемый хост и инструкции по установке репозитория. Храните каталог Skill, а также связанные с ним скрипты, ресурсы и документацию вместе;SKILL.mdВ одиночку можно опустить зависимости.
Предоставьте агенту ваши реальные входные данные, желаемый результат и критерии приемки. Синтаксис вызова и доступные инструменты зависят от хоста; данный сайт не предполагает универсальной команды установки.
Попробуйте запустить исходный рабочий процесс в тестовом проекте или в его копии. Перед тем как разрешить операции, изменяющие файлы, удаленные сервисы или оплачиваемые ресурсы, проверьте их.
Проверьте выходные данные на соответствие исходным проверкам качества и вашим собственным требованиям. Успешный запуск или большое количество звезд в репозитории не гарантируют корректного результата.

Формат навыков и спецификация каталога ↗

Подробнее читайте в источнике.

Перевод и сфера применения

В этом руководстве по чтению представлены избранные отрывки из закрепленного текста выше по течению.SKILL.mdПеревод выполнен с помощью переводчика. Это не полное руководство и не гарантия проверенной совместимости. Перед использованием ознакомьтесь с оригиналом и указанными в нем файлами.

Данное введение относится к закрепленной ниже версии; текущая активность в репозитории и время сбора данных отображаются отдельно.

Закрепленный источник: Прочитайте оригинал ↗
Источник получен: 2026-10-29T09:32:23Z
Исходный коммит: cf865e94de7729751c747171785b6ce57e7b178c
Исходный SHA-256: 1bb3263d490c2585bf64a4e399ab28650a5034d7705abdbbe82a5a9dce1e6873

Вернуться к полному каталогу навыков