Локализованное руководство по чтению
frontend-designНазначение, использование и источник
Рекомендации по созданию оригинального, продуманного визуального дизайна при разработке нового пользовательского интерфейса или модернизации существующего. Помогают в определении эстетического направления, типографики и принятии решений, которые не воспринимаются как шаблонные варианты по умолчанию.
Источник получен:
- Репозиторий-источник
- anthropics/skills
- SKILL.md
skills/frontend-design/SKILL.md- Звёзды репозитория
- 185,373
- Последнее обновление репозитория
- 2026-10-29
- Категории Skills
- Дизайн
- Время последнего сбора
Лицензия: Файл лицензии требует проверки
Приведенные фрагменты описания рабочих процессов являются вспомогательными средствами для чтения, а не исполняемыми инструкциями от Codez. Для создания этой страницы не использовались сторонние инструменты.
Приведённые ниже фрагменты, описывающие цели и рабочие процессы, представляют собой исходный материал, систематизированный и переведённый для удобства чтения. Они отличаются от отдельно обозначенного редакционного анализа Codez.
Что делает этот навык
Рекомендации по созданию оригинального, продуманного визуального дизайна при разработке нового пользовательского интерфейса или модернизации существующего. Помогают в определении эстетического направления, типографики и принятии решений, которые не воспринимаются как шаблонные варианты по умолчанию.
Как работает рабочий процесс на вышестоящем уровне
Процесс: планирование, проверка на соответствие техническому заданию, разработка, критика.
Для калибровки дизайн, созданный с помощью ИИ, в настоящее время группируется вокруг нескольких характеристик: теплый кремовый фон (близкий к #F).4Ф1EA) с высококонтрастным шрифтом с засечками и акцентом терракотового или теплого глиняного цвета (часто рядом с #D)97757— Собственный акцент Anthropic, характерный для взаимодействия с Клодом, поэтому в брифе пользователя это воспринимается как подсказка; почти черный фон с одним ярким кислотно-зеленым или алым акцентом; макет в стиле широкоформатной газеты с тонкими линиями, нулевым радиусом границы и плотными колонками, напоминающими газетные;
проход вверх по течению · L36 ↗Фронтенд-дизайн
Подойдите к этому как ведущий дизайнер в дизайн-студии, известной тем, что создает для каждого клиента уникальный визуальный стиль, который невозможно спутать ни с чьим другим. Этот клиент уже отклонил предложения, которые показались ему банальными или шаблонными, и платит за оригинальную точку зрения: сделайте обдуманный, взвешенный выбор в отношении цветовой палитры, типографики и макета, которые соответствуют конкретному брифу, и идите на эстетический риск, если это оправдано.
проход вверх по течению · L7 ↗Основывайте свои проекты на тематике.
Если в техническом задании не указано, что представляет собой продукт или тематика, определитесь с этим самостоятельно до начала проектирования и уточните у клиента. В качестве предложения вы можете указать одну конкретную тему, целевую аудиторию и основную задачу дизайна. Если у вас есть какие-либо воспоминания о предпочтениях клиента или контексте того, что он создает, используйте это как подсказку. Отрасль, тематика, материалы и язык — вот откуда берутся отличительные визуальные решения — например, дизайн игрушки для девочек определенного возраста.8–11Это будет существенно отличаться по эстетике от панели инструментов для финансовых аналитиков. При разработке учитывайте реальное содержание и тематику задания.
проход вверх по течению · L11 ↗Требования и настройка
Из этого файла не был выбран фрагмент с краткими требованиями. Это не означает, что у навыка нет зависимостей. Проверьте инструкции по настройке репозитория и указанные файлы.
Ограничения и проверки качества
Из этого файла не был выбран отдельный фрагмент с ограничениями. Это не означает, что навык безопасен для любых входных данных или сред. Проверьте полный исходный код и подтвердите свой собственный результат.
Начните с безопасного пробного периода.
- Проверьте поддерживаемый хост и инструкции по установке репозитория. Храните каталог Skill, а также связанные с ним скрипты, ресурсы и документацию вместе;SKILL.mdВ одиночку можно опустить зависимости.
- Предоставьте агенту ваши реальные входные данные, желаемый результат и критерии приемки. Синтаксис вызова и доступные инструменты зависят от хоста; данный сайт не предполагает универсальной команды установки.
- Попробуйте запустить исходный рабочий процесс в тестовом проекте или в его копии. Перед тем как разрешить операции, изменяющие файлы, удаленные сервисы или оплачиваемые ресурсы, проверьте их.
- Проверьте выходные данные на соответствие исходным проверкам качества и вашим собственным требованиям. Успешный запуск или большое количество звезд в репозитории не гарантируют корректного результата.
Подробнее читайте в источнике.
Смежные навыки
Перевод и сфера применения
В этом руководстве по чтению представлены избранные отрывки из закрепленного текста выше по течению.SKILL.mdПеревод выполнен с помощью переводчика. Это не полное руководство и не гарантия проверенной совместимости. Перед использованием ознакомьтесь с оригиналом и указанными в нем файлами.
Данное введение относится к закрепленной ниже версии; текущая активность в репозитории и время сбора данных отображаются отдельно.
- Закрепленный источник
- Прочитайте оригинал ↗
- Источник получен
- Исходный коммит
ca45fc496a3436251f191354091d557da31c15b5- Исходный SHA-256
d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3