En los propios términos del Skill
Un skill de comando de barra para trabajar en un sistema de diseño existente en tres modos: auditoría, documentación o extensión. La pasada de auditoría informa sobre la consistencia de nomenclatura, la cobertura de tokens y la integridad de los componentes, y puntúa el sistema sobre 100. El modo de documentación produce una especificación de componente con descripción, variantes, props, estados, accesibilidad y qué hacer y qué no hacer.
El modo de extensión propone un nuevo componente o patrón en relación con los existentes del sistema, enumerando los tokens que utilizaría y las preguntas abiertas que plantea. Cubre tokens de diseño, componentes y patrones, y puede acceder a una herramienta de diseño o base de conocimiento cuando estén conectadas. Los lectores son diseñadores y desarrolladores que mantienen un sistema coherente.
Qué produce
- Un informe de auditoría de sistema de diseño que termina en acciones prioritarias clasificadas
- Documentación de componente con una tabla de props con propiedad, tipo, valor predeterminado y descripción
- Una propuesta de nuevo componente que se abre con el problema que resuelve
Cómo funciona
- 01Elegir el Modo a Partir del Argumento
El comando toma un modo más un objetivo: auditar todo el sistema, o pasar un solo componente o patrón por documentación o extensión.
- 02Ejecutar la Auditoría en Tres Ejes
La auditoría verifica la consistencia de nomenclatura, la cobertura de tokens contabilizada frente a valores codificados de forma fija, y el grado de integridad de cada componente, y luego nombra las acciones prioritarias.
- 03Redactar la Especificación del Componente
El modo de documentación completa una plantilla de descripción, variantes, props con tipos y valores predeterminados, estados, accesibilidad y una tabla de qué hacer y qué no hacer.
- 04Proponer la Extensión en Relación con lo Existente
El modo de extensión compara la nueva idea con componentes relacionados, y luego propone una API, variantes, estados y los tokens exactos que consumiría el componente.
- 05Extraer de las Herramientas Conectadas Cuando Estén Presentes
Con una herramienta de diseño conectada, el skill puede extraer propiedades de componentes y la estructura de capas para la documentación, y verificar la nomenclatura, las variantes y el uso de tokens en Figma.