Улучшение визуального дизайна фронтенда
Типовые фронтенд-экраны часто выглядят одинаково и не делают акцент на бренде. Этот навык помогает выбирать типографику, цвет, движение и глубину для более понятных интерфейсов.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "frontend-aesthetics" from https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics.md and its manifest at https://skillstore.io/api/skills/barnhardt-enterprises-inc-frontend-aesthetics/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «frontend-aesthetics». Проверь лендинг, где используются стандартные шрифты, градиент от фиолетового к синему и контент по центру.
Ожидаемый результат:
Использование «frontend-aesthetics». Спланируй темный дашборд для мониторинга проектов.
Ожидаемый результат:
Использование «frontend-aesthetics». Улучши библиотеку компонентов, которая ощущается непоследовательной.
Ожидаемый результат:
The flagged external command findings are Markdown fences, inline formatting, or frontend template examples, not executable shell commands. The flagged network findings are public reference links, and the blocker findings are design guidance, not reconnaissance. No prompt injection attempt or malicious semantic intent was found.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barnhardt-enterprises-inc-frontend-aesthetics/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/barnhardt-enterprises-inc-frontend-aesthetics.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Barnhardt-Enterprises-Inc. (2026). frontend-aesthetics security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics/audits/8@techreport{barnhardt-enterprises-inc-barnhardt-enterprises-inc-frontend-aesthetics-2026,
author = {Barnhardt-Enterprises-Inc},
title = {frontend-aesthetics security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics/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-aesthetics security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Barnhardt-Enterprises-Inc"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics/audits/8"
identifiers:
- type: other
value: "skillstore:barnhardt-enterprises-inc-frontend-aesthetics:audit:8"
description: "Skillstore immutable audit report identifier"
Навык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.
Почему этот вариант первый
barnhardt-enterprises-inc-frontend-aesthetics
2026-09-09
crossbill-highlights-frontend-aesthetics
2026-09-09
Улучшить плотность данных, иерархию, темные поверхности, состояния при наведении и индикаторы статуса для интерфейса дашборда.
Найти типовые визуальные решения и заменить их более сильной типографикой, сфокусированными акцентами и полезным движением.
Создать практические правила для шрифтов, цветов, компонентов, иконок, фонов и состояний взаимодействия.
Используй навык frontend-aesthetics, чтобы улучшить эту страницу. Сфокусируйся на типографике, одном акцентном цвете, глубине фона и понятной иерархии.
Проведи аудит этого интерфейса на типовые визуальные паттерны. Перечисли самые значимые изменения дизайна для шрифтов, цветов, отступов, движения и компонентов.
Создай визуальную систему дашборда с использованием этого навыка. Определи типографику, темные поверхности, использование акцентов, стилизацию таблиц, бейджи статуса и состояния движения.
Используй навык, чтобы создать выразительное фронтенд-направление для этого бренда. Объясни визуальную логику и дай рекомендации по реализации ключевых экранов.
Лицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Репозиторий
https://github.com/Barnhardt-Enterprises-Inc/quetrex-plugin/tree/main/templates/skills/frontend-aestheticsСсылка
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
Актуальность поддержки
18.07.2026
Использование
28 загрузок · 323 просмотров
Структура файлов
Обеспечение рабочих процессов разработки через тестирование
Команды часто пропускают тесты или пишут их после реализации. Этот навык направляет Claude, Codex и Claude Code через поставку по принципу «сначала тесты».
Аудит кода на риски безопасности
Код, критичный для безопасности, легко выпустить со скрытыми уязвимостями в аутентификации, обработке ввода и секретах. Этот навык дает Claude, Codex и Claude Code структурированные справочные материалы по безопасности и рекомендации по сканерам для более безопасных проверок.
Безопасно пишите строгий TypeScript
Проекты на TypeScript могут постепенно переходить к небезопасным шаблонам, которые скрывают дефекты времени выполнения. Этот навык направляет Claude, Codex и Claude Code к более строгому использованию типов, более понятным ошибкам и более безопасному сужению типов.
Обеспечение гейтов качества для AI-кодинга
Кодирование с помощью ИИ может пропускать тесты, проверки безопасности и критерии релиза. Этот навык дает Claude, Codex и Claude Code поэтапный чеклист для более безопасной поставки.
Создание доступных компонентов ShadCN UI
Командам React нужны согласованные паттерны ShadCN для форм, диалогов, таблиц и доступных элементов управления. Этот навык направляет Claude, Codex и Claude Code к компонентам Radix, утилитам Tailwind и практикам валидации.
Создание паттернов Drizzle для PostgreSQL
Командам нужны единообразные паттерны Drizzle ORM для проектов PostgreSQL. Этот навык предоставляет примеры схем, отношений, запросов, мутаций, транзакций и миграций.
Проектируйте выразительные UI-прототипы
от tencentcloudbase
Типовым AI-интерфейсам часто не хватает визуального направления и деталей с учетом платформы. Этот навык помогает Claude, Codex и Claude Code определить дизайн-замысел перед созданием прототипов.
Проектируйте доступные интерфейсы продуктов
от sickn33
Командам часто сложно преобразовать потребности пользователей в согласованные и доступные интерфейсы. Этот навык помогает с исследованиями, сценариями, дизайн-системами, токенами и передачей в разработку.
Создавайте более качественные UI-промпты для Google Stitch
от sickn33
Google Stitch может создавать типовые дизайны, если в промптах не хватает деталей. Этот навык предоставляет структурированные рекомендации по промптам для экранов, пользовательских потоков, визуального стиля, доступности и передачи в разработку.
Выделение переиспользуемых паттернов дизайн-системы
от pbakaus
Команды часто дублируют UI-компоненты, токены и паттерны компоновки в приложении. Этот навык помогает 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.
Build Consistent Design Systems and Slides
от nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.