菜单
Genera o audita Design System Analyses a partir de un sitio publicado o proyecto local. Úsala cuando el usuario pida DESIGN.md, tokens, componentes, procedencia, validadores o un preview navegable.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/MauricioPerera/thehumanintheloop-marketplace-codex --skill design-system-auditor命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Registra kite-lite (motor web ligero orientado a agentes, sin JS vivo) como servidor MCP y enseña a usar bien sus 9 tools de navegación/fetch/screenshot: sesión persistente por proceso, formularios solo GET, sin ejecución de JS de la página, y detección declarativa de WebMCP. Úsala cuando el usuario pida navegar, fetchear, hacer scraping ligero, o tomar screenshots de una página sin un navegador real, o mencione kite-lite.
Corre los 4 linters de pre-publicación de kite-lite (seo-lint, a11y-lint, social-lint, webmcp-lint) contra una URL o archivo HTML y consolida los hallazgos en un solo reporte con severidad agregada. Úsala cuando el usuario pida auditar una página antes de publicarla, revisar SEO/accesibilidad/preview social/WebMCP de una URL, o mencione kite-lite.
Delega tareas de implementación a agentes efímeros por terminal (Ollama con `ollama launch claude`, o `pool exec` de poolside.ai), con la mecánica de lanzamiento headless sin colgarse, verificación independiente del resultado, y manejo de fallos transitorios/cuota. No sabe de la tarea en sí ni de contratos: solo de cómo lanzar y verificar. Úsala cuando el usuario pida delegar una implementación a un modelo/agente efímero por CLI, o mencione Ollama, pool/poolside, o "agente efímero".
正在显示 SKILL.md
| name | design-system-auditor |
| description | Genera o audita Design System Analyses a partir de un sitio publicado o proyecto local. Úsala cuando el usuario pida DESIGN.md, tokens, componentes, procedencia, validadores o un preview navegable. |
Produce un análisis reproducible y verificable, no una copia visual superficial. Separa observaciones del sitio, decisiones inferidas y reglas duras que deben validar una implementación.
DESIGN.md como fuente de verdad y design-system.json como contrato estructurado.Design Tokens, Components y Validation Contract.python plugins/design-system-auditor/scripts/validate_design.py DESIGN.md --json design-system.json.validation-report.json y, cuando se solicite, un preview navegable derivado del contrato.Entrega DESIGN.md, design-system.json, validation-report.json y preview si fue solicitado. Reporta evidencia, incertidumbres y fallos antes de aplicar cambios al proyecto.