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.
Créer des directives de marque et des workflows d’actifs
Le travail de marque dérive souvent entre la voix, les visuels, les actifs et les tokens de design. Cette compétence aide Claude, Codex et Claude Code à créer, réviser et appliquer des systèmes de marque cohérents.
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
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.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.
Utilisation de « ckm-brand ». Un fondateur a besoin d’un premier guide de marque pour un nouveau produit d’analytics.
Résultat attendu:
Un guide structuré avec les traits de voix, les messages clés, les rôles de couleur, la typographie, les règles de logo, la direction d’imagerie et les points de contrôle d’approbation.
Utilisation de « ckm-brand ». Un designer demande pourquoi une bannière de campagne semble hors marque.
Résultat attendu:
Une révision qui signale les dérives de couleur, une typographie incohérente, un alignement faible avec la voix de marque et des corrections pratiques avant publication.
Utilisation de « ckm-brand ». Un développeur doit mettre à jour les tokens de design à partir des couleurs de marque approuvées.
Résultat attendu:
Un plan de synchronisation qui identifie les sources des directives, les destinations des tokens, les contrôles en dry-run et les étapes de révision pour les fichiers modifiés.
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.
Il s’agit de capacités locales réelles qui peuvent être attendues pour cette compétence ; elles nécessitent donc un examen, mais ne sont pas comptabilisées comme comportement malveillant confirmé.
Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.
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"
Définir la voix, les couleurs, la typographie, les règles de logo et le message pour le lancement d’un nouveau produit.
Vérifier les textes de campagne, les visuels et les noms de fichiers par rapport aux règles de marque établies avant publication.
Traduire les couleurs de marque approuvées en fichiers de tokens utilisés par les interfaces produit.
Créer un guide de marque de démarrage pour [product]. Inclure les traits de voix, les rôles de couleur, la typographie, les règles de logo, l’imagerie et la nomenclature des actifs.
Réviser ce contenu pour vérifier sa cohérence de marque. Comparer le ton, le vocabulaire, la direction visuelle et les appels à l’action aux directives fournies.
Concevoir un workflow de gouvernance des actifs pour [team]. Inclure les règles de nomenclature, la structure des dossiers, les états d’approbation, les métadonnées et les contrôles de validation.
Mapper les couleurs et la typographie de marque approuvées vers des mises à jour de tokens de design. Identifier les sections sources des directives, les tokens de destination, les risques et les étapes de révision.
Auteur
nextlevelbuilderLicence
MIT
Version de l’auteur
v1.0.0
Révision Skillstore
r1
Réf
0519034dad657fb1f7706e0550e962beeda73fdf
Récence de maintenance
18/07/2026
Utilisation
7 téléchargements · 0 vues
Structure de fichiers
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.
Améliorer les workflows de conception UI et UX
Le travail d'interface nécessite souvent un style cohérent, l'accessibilité et des conseils propres à la stack. Cette compétence donne à Claude, Codex et Claude Code une référence UI/UX consultable pour planifier, créer et réviser des designs.
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.
Créer des diaporamas HTML stratégiques
Les équipes de présentation ont besoin de supports persuasifs qui combinent narration, mise en page et graphiques. Cette compétence guide Claude, Codex et Claude Code pour produire des diapositives HTML responsives.
Appliquer des directives de marque cohérentes
par anthropics
Les équipes produisent souvent des documents dont les couleurs, la typographie, la mise en page et les messages manquent de cohérence. Cette compétence applique les normes Acme et vérifie si le contenu présente des violations courantes de la marque.
Check designs with deterministic CSS rules
par 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.
Appliquer le style de marque Anthropic
par ZhanlinCui
Les équipes ont souvent besoin de visuels cohérents de style Anthropic dans leurs documents et présentations. Cette compétence fournit des recommandations pratiques sur les couleurs, la typographie et les accents pour créer des artefacts de marque soignés.
Capturer le contexte de conception du projet
par pbakaus
Le travail de conception avec l’IA perd souvent le contexte du projet d’une session à l’autre. Cette compétence rassemble des éléments probants et enregistre des recommandations réutilisables pour Claude, Codex et Claude Code.
Créer des interfaces cohérentes pour les composants de base
par sickn33
Le travail UI peut dériver vers des espacements, des couleurs et des composants de plateforme bruts codés en dur. Cette skill guide Claude, Codex et Claude Code vers des composants de base, des tokens et des mises en page réutilisables.
Extraire des motifs réutilisables de système de design
par pbakaus
Les équipes dupliquent souvent des composants UI, des tokens et des motifs de mise en page dans une application. Cette compétence aide Claude, Codex ou Claude Code à trouver des motifs réutilisables et à les consolider dans un système de design maintenu.