Приведите интерфейсы к вашей дизайн-системе
Несогласованные детали интерфейса усложняют поддержку и использование продуктов. Этот навык помогает Claude, Codex и Claude Code проводить структурированную нормализацию UI в соответствии с существующими дизайн-стандартами.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "normalize" from https://skillstore.io/skills/pbakaus-normalize.md and its manifest at https://skillstore.io/api/skills/pbakaus-normalize/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «normalize». Нормализуй дашборд отчетов.
Ожидаемый результат:
Дашборд теперь использует общие паттерны карточек, таблиц и кнопок. Отступы используют токены проекта, пустые состояния соответствуют существующему текстовому стилю, а стили фокуса остаются видимыми.
Использование «normalize». Проверь эту страницу профиля на отклонения от дизайн-системы.
Ожидаемый результат:
Использование «normalize». Сделай так, чтобы шаг оформления заказа соответствовал остальной части приложения.
Ожидаемый результат:
Шаг оформления заказа теперь следует общему макету формы, использует стандартные сообщения об ошибках и сохраняет адаптивную панель действий согласованной с другими процессами.
The only static finding is a false positive caused by design terminology about layout grid systems. I found no evidence of prompt injection, data exfiltration, external command execution, or malicious intent in SKILL.md.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/pbakaus-normalize/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/pbakaus-normalize?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/pbakaus-normalize?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-normalize/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/pbakaus-normalize.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>pbakaus. (2026). normalize security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-normalize/audits/4@techreport{pbakaus-pbakaus-normalize-2026,
author = {pbakaus},
title = {normalize security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-normalize/audits/4},
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: "normalize security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-normalize/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-normalize:audit:4"
description: "Skillstore immutable audit report identifier"
Согласовать недавно созданную страницу с общими компонентами, токенами и паттернами взаимодействия перед релизом.
Выявить несогласованные UI-решения и создать сфокусированный план по снижению долга от одноразовых реализаций.
Проверить, следует ли область продукта установленным соглашениям по доступности, адаптивности и макету.
Нормализуй страницу настроек, чтобы она соответствовала нашей дизайн-системе. Сначала найди релевантные дизайн-рекомендации, затем предложи и примени сфокусированные изменения UI.
Проанализируй процесс оплаты на соответствие нашей дизайн-системе. Перед редактированием перечисли основные несоответствия по типографике, цвету, отступам, компонентам, адаптивному поведению и доступности.
Найди кастомный UI в области сводки дашборда, который должен использовать существующие общие компоненты. Замени его эквивалентами из дизайн-системы там, где это уместно.
Нормализуй процесс онбординга аккаунта от начала до конца. Используй дизайн-рекомендации репозитория, обнови несогласованный UI, удали устаревшие стили и запусти релевантные проверки.
Автор
pbakausЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
e397ce5a135369cd6def89cb6400d013e2f68f2f
Актуальность поддержки
24.07.2026
Использование
13 загрузок · 157 просмотров
Структура файлов
📄 SKILL.md
Планируйте UX до разработки
Команды часто создают интерфейсы до того, как уточнят цели пользователей, состояния и ограничения. Этот навык помогает провести исследование и подготовить дизайн-бриф для реализации.
Зафиксировать дизайн-контекст проекта
При работе над дизайном с помощью ИИ контекст проекта часто теряется между сессиями. Этот навык собирает факты и сохраняет переиспользуемые рекомендации для Claude, Codex и Claude Code.
Добавить выразительность пользовательским интерфейсам
Функциональные интерфейсы могут казаться плоскими, незапоминающимися или раздражающими в ключевые моменты. Этот навык помогает Claude, Codex и Claude Code добавлять уместную полировку с помощью текста, анимации, обратной связи и паттернов празднования.
Проектируйте более эффективный онбординг
Новые пользователи часто уходят, когда продукт не объясняет свою ценность достаточно быстро. Этот навык помогает проектировать онбординг, пустые состояния и встроенную помощь, которые приводят пользователей к первому успешному результату.
Упрощение дизайна интерфейсов
Сложные интерфейсы замедляют принятие решений и скрывают главную цель пользователя. Этот навык помогает Claude, Codex и Claude Code убирать лишнее, прояснять иерархию и сохранять нужную функциональность.
Улучшение компоновки 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.
Аудит веб-доступности на соответствие WCAG
от 89jobrien
Пробелы в доступности могут блокировать пользователей и создавать риски несоответствия требованиям. Этот навык помогает проводить аудиты WCAG, проверки со скринридерами, тестирование с клавиатуры и планирование исправлений.
Проектирование выразительных фронтенд-интерфейсов
от Atman36
Типовые сгенерированные интерфейсы часто выглядят предсказуемо и слабо. Этот навык направляет Claude, Codex и Claude Code к выразительному, готовому к продакшену фронтенд-дизайну.
Проектируйте выразительные UI-прототипы
от tencentcloudbase
Типовым AI-интерфейсам часто не хватает визуального направления и деталей с учетом платформы. Этот навык помогает Claude, Codex и Claude Code определить дизайн-замысел перед созданием прототипов.
Анализ паттернов кода и архитектуры
от C0ntr0lledCha0s
В больших кодовых базах скрываются повторяющиеся структуры и неочевидные архитектурные решения. Этот навык находит паттерны, объясняет их назначение и выделяет практические возможности для рефакторинга.
Поиск кода по структуре AST
от 0xDarkMatter
Текстовый поиск не выявляет семантические связи и выдает много нерелевантных совпадений. Этот навык использует шаблоны ast-grep для поиска структур кода и подготовки целевых рефакторингов.