Habilidades design-system-starter

📦

design-system-starter

Name: design-system-starter
Author: AI Agent Hub

v1.0.0 Revisión del contenido r2 Seguro ⚙️ Comandos externos📁 Acceso al sistema de archivos🌐 Acceso a red

Crear sistemas de diseño consistentes

Los equipos a menudo lanzan interfaces de usuario inconsistentes porque los tokens, los componentes y la documentación se separan con el tiempo. Esta skill proporciona a Claude, Codex y Claude Code una guía estructurada para sistemas de diseño escalables.

Compatible con: Claude Codex Code(CC)

📊 76 Adecuado

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "design-system-starter" from https://skillstore.io/skills/ariegoldkin-design-system-starter.md and its manifest at https://skillstore.io/api/skills/ariegoldkin-design-system-starter/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.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/ariegoldkin-design-system-starter.md Manifest firmado GET /api/skills/ariegoldkin-design-system-starter/manifest Lockfile firmado GET /api/skills/ariegoldkin-design-system-starter/lockfile

Pruébalo

Usando "design-system-starter". Crea fundamentos para un sistema de diseño de panel SaaS.

Resultado esperado:

Un plan de tokens que cubre colores semánticos, escala tipográfica, escala de espaciado, radios, sombras y requisitos de contraste.

Usando "design-system-starter". Define componentes para una biblioteca React compartida.

Resultado esperado:

Una hoja de ruta de componentes con patrones de Button, Input, FormField, Card, Modal y Navigation, además de expectativas de accesibilidad.

Usando "design-system-starter". Audita nuestro kit de interfaz de usuario actual antes de un rediseño.

Resultado esperado:

Una revisión basada en lista de verificación sobre cobertura de tokens, consistencia de componentes, calidad de documentación, tematización y brechas de cumplimiento WCAG.

Auditoría de seguridad

Seguro

v9 • 23/7/2026 Abrir el informe versionado

All 63 static findings are false positives caused by documentation syntax, relative imports, keyboard-event properties, public links, schema metadata, or design-system language. The reviewed files contain no command execution, path traversal, secret handling, unauthorized networking, prompt injection, or malicious intent.

Archivos escaneados

2,557

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

⚙️ Comandos externos (50)

references/component-examples.md:493-500 SKILL.md:25 SKILL.md:26 SKILL.md:27 SKILL.md:28 SKILL.md:75-95 SKILL.md:95-98 SKILL.md:98-128 SKILL.md:128-137 SKILL.md:137-175 SKILL.md:175-181 SKILL.md:181-199 SKILL.md:199-202 SKILL.md:202-216 SKILL.md:216-220 SKILL.md:220-233 SKILL.md:233-237 SKILL.md:237-248 SKILL.md:248-270 SKILL.md:270-279 SKILL.md:279-281 SKILL.md:281-292 SKILL.md:292-301 SKILL.md:301-303 SKILL.md:303-332 SKILL.md:332-340 SKILL.md:340-343 SKILL.md:343-357 SKILL.md:357-360 SKILL.md:360-378 SKILL.md:378-382 SKILL.md:382-385 SKILL.md:385-387 SKILL.md:387-395 SKILL.md:395-428 SKILL.md:428-433 SKILL.md:433-443 SKILL.md:443-446 SKILL.md:446-450 SKILL.md:450-453 SKILL.md:453-460 SKILL.md:460-476 SKILL.md:476-491 SKILL.md:491-495 SKILL.md:495-496 SKILL.md:496-497 SKILL.md:497-498 SKILL.md:498-501 SKILL.md:501 SKILL.md:505-523

📁 Acceso al sistema de archivos (2)

references/component-examples.md:13 templates/component-template.tsx:15

🌐 Acceso a red (2)

SKILL.md:473 templates/design-tokens-template.json:2

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex Ver historial de auditorías →

Compartir y citar este informe

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.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/ariegoldkin-design-system-starter/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/ariegoldkin-design-system-starter/security.svg)](https://skillstore.io/skills/ariegoldkin-design-system-starter?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/ariegoldkin-design-system-starter?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/ariegoldkin-design-system-starter/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/ariegoldkin-design-system-starter.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citas académicas (APA · BibTeX · CFF)

Cita APA

AI Agent Hub. (2026). design-system-starter security audit report (audit version 9) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/ariegoldkin-design-system-starter/audits/9

Cita BibTeX

@techreport{ai-agent-hub-ariegoldkin-design-system-starter-2026,
  author = {AI Agent Hub},
  title = {design-system-starter security audit report (audit version 9)},
  institution = {Skillstore},
  year = {2026},
  number = {9},
  url = {https://skillstore.io/skills/ariegoldkin-design-system-starter/audits/9},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "design-system-starter security audit report (audit version 9)"
version: "1.0.0"
type: report
authors:
  - name: "AI Agent Hub"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/ariegoldkin-design-system-starter/audits/9"
identifiers:
  - type: other
    value: "skillstore:ariegoldkin-design-system-starter:audit:9"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto

Arquitectura

100

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Iniciar un nuevo kit de interfaz de usuario

Crea categorías de tokens, componentes base y estándares de documentación antes de que comience la implementación.

Estandarizar interfaces de producto

Alinea a diseñadores e ingenieros en torno a tokens compartidos, API de componentes y requisitos de accesibilidad.

Auditar la calidad de los componentes

Revisa una biblioteca existente para detectar cobertura de tokens, consistencia de componentes, documentación y brechas de WCAG.

Prueba estos prompts

Redactar fundamentos de tokens

Usa design-system-starter para proponer tokens de color, tipografía, espaciado, radio y sombra para una nueva aplicación web.

Planificar API de componentes

Usa design-system-starter para definir las API de Button, Input, Card, Modal y Navigation con variantes y notas de accesibilidad.

Revisar componentes existentes

Usa design-system-starter para auditar mi biblioteca de componentes en cuanto a uso de tokens, consistencia de nombres, comportamiento del teclado y brechas de documentación.

Crear guía de adopción

Usa design-system-starter para crear un plan de migración, reglas de gobernanza y una lista de verificación de documentación para adoptar nuestro sistema de diseño.

Mejores prácticas

Empieza con tokens y reglas de nomenclatura antes de agregar variantes de componentes.
Valida el contraste, el comportamiento del teclado y las etiquetas para cada componente interactivo.
Documenta juntos el propósito del componente, props, variantes, accesibilidad y ejemplos.

Evitar

Crear estilos de componentes puntuales que omiten los tokens compartidos.
Tratar el modo oscuro como un tema separado sin tokens semánticos compartidos.
Lanzar componentes sin guía de uso, reglas de deprecación ni notas de accesibilidad.