Создание выразительных фронтенд-интерфейсов
Типовой фронтенд-результат часто выглядит однообразно и слабо отражает бренд. Этот навык направляет Claude, Codex и Claude Code к созданию отполированных, рабочих интерфейсов с четким визуальным направлением.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "frontend-design" from https://skillstore.io/skills/cesaraugustusgrob-frontend-design.md and its manifest at https://skillstore.io/api/skills/cesaraugustusgrob-frontend-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «frontend-design». Build a dashboard for a boutique analytics product.
Ожидаемый результат:
Концепция адаптивной панели управления с изысканной редакционной компоновкой, сильной иерархией данных, деликатным движением и заметками по реализации, готовой к production.
Использование «frontend-design». Create a pricing page for a developer tool.
Ожидаемый результат:
Выразительный интерфейс страницы цен с понятным сравнением тарифов, характерной типографикой, акцентными цветами, состояниями при наведении и структурой, удобной для мобильных устройств.
Использование «frontend-design». Redesign a music discovery app screen.
Ожидаемый результат:
Отполированное направление экрана приложения с иммерсивной визуальной подачей, практичными взаимодействиями и решениями по компоновке, связанными со сценарием прослушивания.
The three static system-reconnaissance alerts are false positives. The cited SKILL.md lines describe frontend aesthetics, typography, and visual details; they do not request host inspection, secret access, or environment discovery. No prompt injection or semantic abuse evidence was found.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cesaraugustusgrob-frontend-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cesaraugustusgrob-frontend-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cesaraugustusgrob-frontend-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cesaraugustusgrob-frontend-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>CesarAugustusGroB. (2026). frontend-design security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8@techreport{cesaraugustusgrob-cesaraugustusgrob-frontend-design-2026,
author = {CesarAugustusGroB},
title = {frontend-design security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-design security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "CesarAugustusGroB"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8"
identifiers:
- type: other
value: "skillstore:cesaraugustusgrob-frontend-design:audit:8"
description: "Skillstore immutable audit report identifier"
Навык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.
Почему этот вариант первый
atman36-frontend-design
2026-09-09
frontend-design
2026-09-09
zhanlincui-frontend-design
2026-09-09
yyh211-frontend-design
2026-09-09
1bertogit-frontend-design
2026-09-09
92bilal26-frontend-design
2026-09-09
adamaugustinsky-frontend-design
2026-09-09
am-will-frontend-design
2026-09-09
azeem-2-frontend-design
2026-09-09
cesaraugustusgrob-frontend-design
2026-09-09
davila7-frontend-design
2026-09-09
anthropics-frontend-design
2026-09-09
pbakaus-frontend-design
2026-09-09
7spade-frontend-design
2026-09-09
sickn33-frontend-design
2026-09-09
agentworkforce-frontend-design
2026-09-09
ajv009-frontend-design
2026-09-09
dennisliuck-frontend-design
2026-09-09
Превратить продуктовую идею в отполированный интерфейс первого экрана с запоминающимся визуальным направлением.
Освежить общие компоненты за счет более сильной типографики, движения, отступов и деталей взаимодействия.
Сгенерировать разные направления интерфейса для маркетинговых страниц, редакционных макетов или брендированных инструментов.
Use the frontend-design skill to build a responsive landing page for [product]. Choose one clear aesthetic direction and implement working HTML, CSS, and JavaScript.
Use the frontend-design skill to create a [component] for [audience]. Include states, motion, typography, color variables, and responsive behavior.
Use the frontend-design skill to redesign this screen: [describe or paste UI]. Preserve the workflow while improving hierarchy, spacing, interaction, and visual character.
Use the frontend-design skill to build a multi-view [app type] prototype. Define a bold aesthetic system, then implement navigation, states, and responsive layouts.
Автор
CesarAugustusGroBЛицензия
Complete terms in LICENSE.txt
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
dd4a3ef9f20ddf38830950b4bb713df96b431fd6
Актуальность поддержки
18.07.2026
Использование
13 загрузок · 270 просмотров
Структура файлов
📄 SKILL.md
Создание навыков дзюцу SHINOBI WAY
Проектирование сбалансированных боевых навыков SHINOBI WAY требует согласования множества enums, затрат, эффектов и правил tier. Этот навык помогает собрать требования и создает готовые для TypeScript определения дзюцу.
Создание эффективных AI-навыков
Создавать надежные AI-навыки сложно, когда инструкции, ресурсы и правила упаковки неясны. Этот навык дает структурированный процесс для кратких файлов SKILL.md, переиспользуемых ресурсов, валидации и итераций.
Создание последовательных руководств по художественному стилю
Визуальные проекты теряют единообразие, когда цвета, формы, освещение и текстуры не задокументированы. Этот навык превращает решения по художественному направлению в структурированное руководство по стилю.
Создание боевого UI с разделенными панелями
Боевые экраны сложно разделять на четкие зоны игрока, врага и действий. Этот навык дает Claude, Codex и Claude Code переиспользуемое руководство по реализации на React.
Создание приложений для изображений на Gemini
Приложения для генерации изображений требуют корректных названий моделей, серверного использования API, хранилища и обработки квот. Этот навык помогает Claude, Codex и Claude Code применять production-ready паттерны приложений Nano Banana.
Создание регионов для игрового исследования
Игровым командам нужен согласованный исследовательский контент, соответствующий правилам SHINOBI WAY. Этот навык помогает проектировать регионы, локации, комнаты, разведывательные миссии и маршруты для Claude, Codex или Claude Code.
Проектируйте выразительные UI-прототипы
от tencentcloudbase
Типовым AI-интерфейсам часто не хватает визуального направления и деталей с учетом платформы. Этот навык помогает Claude, Codex и Claude Code определить дизайн-замысел перед созданием прототипов.
Проектирование выразительных фронтенд-интерфейсов
от Byunk
Типовые интерфейсы могут делать продукты взаимозаменяемыми на вид. Этот навык помогает Claude, Codex и Claude Code двигаться к конкретному визуальному направлению, отполированному коду и проверке результата.
Build Accessible Tailwind Interfaces
от nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Планируйте UX до разработки
от pbakaus
Команды часто создают интерфейсы до того, как уточнят цели пользователей, состояния и ограничения. Этот навык помогает провести исследование и подготовить дизайн-бриф для реализации.
Создание интерактивного генеративного искусства
от Cam10001110101
Художникам и командам нужно воспроизводимое генеративное искусство, которое можно исследовать без настройки. Этот навык превращает концепцию в HTML-артефакт на p5.js с seed-значением, элементами управления и экспортом PNG.
Проектирование интерфейсов в стиле Apple
от BarisSozen
Современным продуктовым командам нужны согласованные и отточенные рекомендации по UI. Этот навык дает Claude, Codex и Claude Code практические правила в стиле Apple для типографики, цвета, отступов, компонентов, анимации и UX-ревью.