ASKARTASK

ASKatu · euskera: liberar, solucionar ART · artístico, relativo al arte TASK · inglés: tarea, función, cometido

Acerca de ASKARTASK

Metaherramienta de creación, mantenimiento y actualización de estructuras frontend y estilos de diseño para Agentes LLM a través de un conjunto embebido y sistematizado de habilidades, conectores y contratos desplegado en el directorio objetivo junto a un panel de información y control accesible desde el navegador web. Posteriormente, crea un patrón temático personalizable, de fácil mantenimiento, escalabilidad y modificación, preconfigurado tomando como referencia los estándares profesionales de calidad, seguridad y compatibilidad del sector a través de flujos de validación con normas estrictas que aseguren su cumplimiento.

Instalación

curl -fsSL https://raw.githubusercontent.com/Iniciativas-Alexendros/askartask/main/install.sh | bash

Esto instalará ASKARTASK en ~/.config/opencode/ con:

• 3 skills: design-system-builder, frontend-design, interaction-design
• 7 scripts QA: validate-tokens, contrast-check, a11y-gate, dtcg-validate, validate-stories, lighthouse-gate, pe-gate
• 4 contratos: dtcg-tokens schema, csf-template, aria-component-map, wcag22-checklist
• 2 agentes: askartask-build (ejecuta pipeline), askartask-audit (auditoría read-only)
• 2 comandos: /ASKARTASK (pipeline completo), /RETHEMATIZE (cambiar tema)

Uso

Pipeline completo

/ASKARTASK

| Fase | Qué hace | Scripts de validación | | ---- | ---------------------------------------------------------- | -------------------------------------------------------------- | | 0 | Brief wizard — propósito, audiencia, estética, constraints | Validación de campos | | 1 | Design system — DESIGN.md + tokens | dtcg-validate.sh, contrast-check.mjs, validate-tokens.sh | | 2 | Componentes UI — Hero, Nav, CardGrid + stories | validate-stories.sh, a11y-gate.sh, pe-gate.sh | | 3 | Microinteracciones — patterns + stories | validate-stories.sh, lighthouse-gate.sh | | 4 | Verificación final — 7 scripts QA | Todos |

Regla de oro: cada fase tiene gate de salida. Si exit code ≠ 0 → corregir → re-ejecutar. NO avanzar sin gate = exit 0.

Cambiar tema

/RETHEMATIZE

Auditoría

@askartask-audit

Arquitectura

askartask/
├── skills/                    # 3 skills OpenCode
│   ├── design-system-builder/ # Proveedor canónico de tokens
│   │   ├── SKILL.md           # 21 reglas, 3 workflows
│   │   ├── references/        # 17 archivos de referencia
│   │   └── scripts/           # 7 scripts QA
│   ├── frontend-design/       # Requiere tokens de design-system-builder
│   │   └── SKILL.md
│   └── interaction-design/    # Requiere tokens de design-system-builder
│       └── SKILL.md
├── contracts/                 # 4 contratos compartidos
├── agents/                    # 2 agentes especializados
├── commands/                  # 2 slash commands
└── assets/                    # Logo y recursos visuales

Scripts QA

| Script | Descripción | Exit codes | | --------------------- | --------------------------------------- | ----------------------- | | validate-tokens.sh | Hardcode + DTCG + WCAG AA scan | 0=pass, 1=fail, 2=error | | contrast-check.mjs | Contraste WCAG AA/AAA | 0=all pass, 1=failures | | a11y-gate.sh | axe-core (HTML) + reglas manuales (TSX) | 0=pass, 1=fail, 2=error | | dtcg-validate.sh | Valida tokens.json contra schema DTCG | 0=pass, 1=fail, 2=error | | validate-stories.sh | CSF 3.0 compliance + play functions | 0=pass, 1=fail, 2=error | | lighthouse-gate.sh | Perf≥90, A11y=100, BP=100, SEO≥90 | 0=pass, 1=fail, 2=error | | pe-gate.sh | Progressive Enhancement: markup sin JS | 0=pass, 1=fail, 2=error |

Licencia

MIT — Copyright (c) 2026 Alexendros

Descarga, usa, difunde, comparte, personaliza, redefine.

Agradecimientos

Creada por Alexendros como parte de Iniciativas Alexendros.

Orquestada sobre OpenCode — aplicación CLI de código Open Source para modelos IA agénticos.