Добавьте осмысленный цвет в интерфейсы
Многие интерфейсы кажутся плоскими, когда опираются на серые поверхности и слабые акценты. Этот навык помогает Claude, Codex и Claude Code добавлять цвет с учетом цели, иерархии и доступности.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "colorize" from https://skillstore.io/skills/pbakaus-colorize.md and its manifest at https://skillstore.io/api/skills/pbakaus-colorize/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «colorize». Серая панель аналитики с приглушенными кнопками и статусными метками, которые трудно быстро считывать.
Ожидаемый результат:
Результат использует один основной акцент для действий, семантические цвета бейджей для статусов и более мягкие тонированные поверхности для группировки разделов.
Использование «colorize». Страница настроек, где используются только черный, белый и серый.
Ожидаемый результат:
Результат добавляет теплый нейтральный фон, цветные состояния фокуса и сдержанные акценты на важных элементах управления.
Использование «colorize». Доска проекта, где типы задач и состояния прогресса выглядят одинаково.
Ожидаемый результат:
Результат назначает согласованные цвета категориям задач, состояниям прогресса и маркерам приоритета, сохраняя контраст.
The static findings are false positives from Markdown inline color values and design assessment wording. No executable commands, host reconnaissance, data collection, or prompt injection attempts were found in SKILL.md.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/pbakaus-colorize/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/pbakaus-colorize?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/pbakaus-colorize?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-colorize/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/pbakaus-colorize.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). colorize security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-colorize/audits/4@techreport{pbakaus-pbakaus-colorize-2026,
author = {pbakaus},
title = {colorize security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-colorize/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: "colorize security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-colorize/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-colorize:audit:4"
description: "Skillstore immutable audit report identifier"
Добавьте семантические цвета статусов, цвета диаграмм и акценты для действий, не делая панель перегруженной.
Определите, где брендовые цвета, акцентные цвета и нейтральные оттенки должны появляться в рамках функции.
Проверьте цветовые роли и замените произвольные значения согласованной, доступной палитрой.
Используй навык colorize для этого компонента. Сохрани сдержанную палитру и объясни, где каждый цвет добавляет смысл.
Используй навык colorize, чтобы определить цвета успеха, ошибки, предупреждения, информации и нейтральные цвета для этой функции.
Используй навык colorize во всей этой области продукта. Сохрани соответствие бренду, улучши иерархию и избегай случайного декора.
Используй навык colorize, чтобы провести аудит текущего использования цветов, выявить несоответствия и предложить доступные обновления дизайн-токенов.
Автор
pbakausЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
e397ce5a135369cd6def89cb6400d013e2f68f2f
Актуальность поддержки
25.07.2026
Использование
9 загрузок · 113 просмотров
Структура файлов
📄 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.
Улучшайте UX с помощью дизайн-рекомендаций на основе исследований
от shubhamsaboo
Команды часто проектируют сценарии на основе предположений и упускают проблемы доступности. Этот навык помогает с исследованиями, структурой, дизайном взаимодействия и ревью, используя лучшие практики UX.
Проектируйте выразительные UI-прототипы
от tencentcloudbase
Типовым AI-интерфейсам часто не хватает визуального направления и деталей с учетом платформы. Этот навык помогает Claude, Codex и Claude Code определить дизайн-замысел перед созданием прототипов.
Аудит веб-доступности на соответствие WCAG
от 89jobrien
Пробелы в доступности могут блокировать пользователей и создавать риски несоответствия требованиям. Этот навык помогает проводить аудиты WCAG, проверки со скринридерами, тестирование с клавиатуры и планирование исправлений.
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.
Проектирование выразительных фронтенд-интерфейсов
от Atman36
Типовые сгенерированные интерфейсы часто выглядят предсказуемо и слабо. Этот навык направляет Claude, Codex и Claude Code к выразительному, готовому к продакшену фронтенд-дизайну.