ui-styling
83Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Создание бренд-гайдлайнов и рабочих процессов для ассетов
Работа с брендом часто расползается между тоном коммуникации, визуальным стилем, ассетами и дизайн-токенами. Этот навык помогает Claude, Codex и Claude Code создавать, проверять и применять согласованные бренд-системы.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "ckm-brand" from https://skillstore.io/skills/nextlevelbuilder-ckm-brand.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ckm-brand/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «ckm-brand». Основателю нужен первый бренд-гайд для нового аналитического продукта.
Ожидаемый результат:
Структурированный гайд с характеристиками тона коммуникации, ключевыми сообщениями, ролями цветов, типографикой, правилами использования логотипа, направлением изображений и контрольными точками утверждения.
Использование «ckm-brand». Дизайнер спрашивает, почему баннер кампании кажется не соответствующим бренду.
Ожидаемый результат:
Проверка, которая отмечает расхождение цветов, непоследовательную типографику, слабое соответствие тону бренда и практические исправления перед публикацией.
Использование «ckm-brand». Разработчику нужно обновить дизайн-токены на основе утвержденных цветов бренда.
Ожидаемый результат:
План синхронизации, который определяет источники в гайдлайнах, целевые токены, проверки dry-run и шаги ревью для измененных файлов.
Most static findings are false positives from Markdown code fences, JavaScript template literals, regular-expression exec calls, and expected local filesystem checks. A real issue remains in scripts/sync-brand-to-tokens.cjs, which imports child_process and runs execSync with a shell command string. The prompt-context helper also needs guardrails before placing local brand text into model prompts.
Это реальные локальные возможности, которые могут ожидаться для этого навыка, поэтому они требуют проверки, но не считаются подтверждённым вредоносным поведением.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/nextlevelbuilder-ckm-brand/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-ckm-brand?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-ckm-brand?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ckm-brand/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-ckm-brand.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>nextlevelbuilder. (2026). ckm-brand security audit report (audit version 6) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ckm-brand/audits/6@techreport{nextlevelbuilder-nextlevelbuilder-ckm-brand-2026,
author = {nextlevelbuilder},
title = {ckm-brand security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/nextlevelbuilder-ckm-brand/audits/6},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ckm-brand security audit report (audit version 6)"
version: "1.0.0"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/nextlevelbuilder-ckm-brand/audits/6"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ckm-brand:audit:6"
description: "Skillstore immutable audit report identifier"
Определить тон коммуникации, цвета, типографику, правила использования логотипа и сообщения для запуска нового продукта.
Проверить тексты кампании, визуальные материалы и имена файлов на соответствие установленным бренд-правилам перед публикацией.
Перенести утвержденные цвета бренда в файлы токенов, используемые в продуктовых интерфейсах.
Создай стартовый бренд-гайд для [product]. Включи характеристики тона коммуникации, роли цветов, типографику, правила использования логотипа, изображения и правила именования ассетов.
Проверь этот контент на согласованность с брендом. Сравни тон, лексику, визуальное направление и призывы к действию с предоставленными гайдлайнами.
Спроектируй рабочий процесс управления ассетами для [team]. Включи правила именования, структуру папок, статусы утверждения, метаданные и проверки валидации.
Сопоставь утвержденные цвета бренда и типографику с обновлениями дизайн-токенов. Определи исходные разделы гайдлайнов, целевые токены, риски и шаги проверки.
Автор
nextlevelbuilderЛицензия
MIT
Версия автора
v1.0.0
Ревизия Skillstore
r1
Ссылка
0519034dad657fb1f7706e0550e962beeda73fdf
Актуальность поддержки
18.07.2026
Использование
7 загрузок · 0 просмотров
Структура файлов
Build Accessible Tailwind Interfaces
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
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Create Strategic HTML Presentations
Building persuasive, responsive presentations requires coordinated structure, design, copy, and data visualization. This skill turns a topic and audience brief into a complete HTML deck.
Улучшение рабочих процессов UI- и UX-дизайна
Работа над интерфейсами часто требует согласованного стиля, доступности и рекомендаций с учетом конкретного стека. Этот навык дает Claude, Codex и Claude Code доступный для поиска справочник по UI/UX для планирования, создания и ревью дизайна.
Build consistent brand guidelines and assets
Brand work can become inconsistent across content, assets, and interfaces. This skill provides structured guidance, validation, and token synchronization to keep brand decisions aligned.
Создание стратегических HTML-презентаций
Командам, работающим над презентациями, нужны убедительные материалы, сочетающие повествование, макет и диаграммы. Этот навык помогает Claude, Codex и Claude Code создавать адаптивные HTML-слайды.
Применение единых стандартов бренда
от anthropics
Команды часто создают документы с несогласованными цветами, типографикой, макетами и формулировками. Этот навык применяет стандарты Acme и проверяет содержимое на распространенные нарушения требований бренда.
Check designs with deterministic CSS rules
от cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.
Применение стилистики бренда Anthropic
от ZhanlinCui
Командам часто нужны единообразные визуальные материалы в стиле Anthropic для документов и презентаций. Этот навык предоставляет практические рекомендации по цветам, типографике и акцентам для создания отполированных брендированных артефактов.
Зафиксировать дизайн-контекст проекта
от pbakaus
При работе над дизайном с помощью ИИ контекст проекта часто теряется между сессиями. Этот навык собирает факты и сохраняет переиспользуемые рекомендации для Claude, Codex и Claude Code.
Создание согласованных интерфейсов базовых компонентов
от sickn33
Работа над UI может постепенно свестись к жестко заданным отступам, цветам и необработанным платформенным компонентам. Этот skill направляет Claude, Codex и Claude Code к использованию базовых компонентов, токенов и переиспользуемых макетов.
Выделение переиспользуемых паттернов дизайн-системы
от pbakaus
Команды часто дублируют UI-компоненты, токены и паттерны компоновки в приложении. Этот навык помогает Claude, Codex или Claude Code находить переиспользуемые паттерны и консолидировать их в сопровождаемую дизайн-систему.