Crea sistemas de diseño basados en tokens
Los sistemas de diseño se desvían cuando los tokens, los componentes y los recursos de presentación se gestionan por separado. Esta skill proporciona arquitectura de tokens, validadores y asistentes para diapositivas para una implementación coherente.
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "ckm-design-system" from https://skillstore.io/skills/nextlevelbuilder-ckm-design-system.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ckm-design-system/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Usando "ckm-design-system". Solicitar un plan de tokens para un producto de dashboard.
Resultado esperado:
Usando "ckm-design-system". Pedir una revisión de cumplimiento de tokens de una carpeta frontend.
Resultado esperado:
Usando "ckm-design-system". Pedir un plan de presentación de marca.
Resultado esperado:
Most static findings are false positives from Markdown code fences, JavaScript template literals, CSV design vocabulary, dictionary key access, and fixed public resource URLs. Confirmed issues are local filesystem write/read risks in the token generator plus semantic risks in slide generation: unescaped HTML content and unrestricted output paths. No prompt-injection attempt was found in the reviewed skill files.
Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
https://skillstore.io/skills/nextlevelbuilder-ckm-design-system/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-ckm-design-system?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-ckm-design-system?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ckm-design-system/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-ckm-design-system.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-design-system security audit report (audit version 4) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ckm-design-system/audits/4@techreport{nextlevelbuilder-nextlevelbuilder-ckm-design-system-2026,
author = {nextlevelbuilder},
title = {ckm-design-system security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/nextlevelbuilder-ckm-design-system/audits/4},
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-design-system security audit report (audit version 4)"
version: "1.0.0"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/nextlevelbuilder-ckm-design-system/audits/4"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ckm-design-system:audit:4"
description: "Skillstore immutable audit report identifier"
Define tokens primitivos, semánticos y de componentes antes de que los equipos implementen temas, estados y variantes.
Escanea archivos fuente locales y recursos HTML para detectar valores codificados de forma fija que deberían usar design tokens.
Usa referencias de estrategia de diapositivas, diseño, texto, gráficos y fondos para planificar presentaciones coherentes.
Use ckm-design-system to outline primitive, semantic, and component tokens for a SaaS dashboard. Include color, typography, spacing, radius, and state tokens.
Use ckm-design-system to review my src directory for hardcoded design values. Summarize violations and suggest equivalent token categories.
Use ckm-design-system to convert my token JSON into CSS variables and a Tailwind color extension. Keep outputs inside the project assets directory.
Use ckm-design-system to plan a 10-slide investor deck with strategy, layout, typography, color treatment, chart choices, and token-compliant HTML output.
Autor
nextlevelbuilderLicencia
MIT
Versión del autor
v1.0.0
Revisión de Skillstore
r1
Repositorio
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/design-system/Ref.
62e2a730c5cd74eab4c7164309d810de660fcea3
Actualidad del mantenimiento
18/7/2026
Uso
7 descargas · 15 vistas
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.
Mejorar los flujos de trabajo de diseño UI y UX
El trabajo de interfaces a menudo necesita estilo consistente, accesibilidad y orientación específica para el stack. Esta habilidad proporciona a Claude, Codex y Claude Code una referencia UI/UX consultable para planificar, crear y revisar diseños.
Crear directrices de marca y flujos de trabajo de activos
El trabajo de marca a menudo se desvía entre voz, elementos visuales, activos y design tokens. Esta skill ayuda a Claude, Codex y Claude Code a crear, revisar y aplicar sistemas de marca coherentes.
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.
Crear interfaces coherentes para componentes principales
por sickn33
El trabajo de UI puede desviarse hacia espaciado, colores y componentes de plataforma sin procesar codificados de forma rígida. Esta skill guía a Claude, Codex y Claude Code hacia componentes principales, tokens y layouts reutilizables.
Check designs with deterministic CSS rules
por 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.
Diseña interfaces inspiradas en Apple
por BarisSozen
Los equipos de producto modernos necesitan una guía de UI consistente y pulida. Esta skill ofrece a Claude, Codex y Claude Code reglas prácticas inspiradas en Apple para tipografía, color, espaciado, componentes, movimiento y revisión de UX.
Mejorar las operaciones de diseño UI/UX
por A-Genno
El trabajo de UI/UX a menudo se desvía cuando los equipos carecen de principios compartidos y hábitos de revisión. Esta skill proporciona a Claude, Codex y Claude Code una lista de verificación concisa para las decisiones de diseño.
Crear sistemas de diseño premium para Google Stitch
por leonxlnx
Las pantallas genéricas de IA suelen verse inconsistentes y difíciles de refinar. Esta skill convierte la dirección del proyecto en un DESIGN.md estructurado que guía a Google Stitch, Claude, Codex y Claude Code.
Extraer patrones reutilizables de sistema de diseño
por pbakaus
Los equipos a menudo duplican componentes de UI, tokens y patrones de layout en una aplicación. Esta habilidad ayuda a Claude, Codex o Claude Code a encontrar patrones reutilizables y consolidarlos en un sistema de diseño mantenido.