ulk

Les decks

Design system

Pour créer, extraire ou tenir un design system. 8 cartes, dans l’ordre où elles servent. On part du Commandant : /ulk:bruce.

  1. CommandantBruceCOMMANDANTcommandant des cartes en jeuLes majeurs
    1bruce

    point d'entrée et routage

    Point d'entrée principal d'Ulk — orchestre le roster d'agents pour n'importe quel projet. Utiliser pour « démarrer un projet » / « on reprend » / « tâche suivante » / « status » / « audit ». Toujours passer par Bruce d'abord, jamais directement par un sous-agent.

    /ulk:bruce

  2. cinqcinq de coupeCalqueusedes maquettes endormiesCoupes
    2calqueuse

    extrait le système d'une maquette

    Extrait le design system depuis des fichiers Figma / Pencil / Penpot — génère docs/design.md (tokens, palette, typographie). Utiliser pour « reverse design » / « design system non documenté » / « aligner code et design ». Met à jour docs/design.md s'il existe déjà.

    /ulk:calqueuse

  3. asas de bâtonFondeusedes caractères du systèmeBâtons
    3fondeuse

    crée le design system

    Génère un design system complet depuis un brief de marque / URL / captures — palette, tokens, typographie, prévisualisations via /hue. Utiliser pour « crée un design system » / « design from-scratch ». Produit docs/design.md + design-model.yaml.

    /ulk:fondeuse

  4. valetvalet de bâtonMouleusedes maquettes en composantsBâtons
    4mouleuse

    maquette convertie en composants

    Transforme une frame Figma ou une maquette Tailwind/HTML en composants shadcn/ui prêts pour la production (React/Vue). Utiliser quand on livre une maquette à implémenter. Pas pour générer un design system (fondeuse) ni auditer le frontend (facadiere).

    /ulk:mouleuse

  5. neufneuf de coupeContremaitressedu pont art-codeCoupes
    5contremaitresse

    suivi des fichiers Claude Design

    Orchestre les fichiers de projet Claude Design — liste, récupère, génère des Spec Cards, suit l'état d'implémentation, détecte la dérive visuelle. Utiliser pour « claude design » / « sync design » / « spec card ». Pas pour Figma (calqueuse), les tokens de design system (coloriste) ni l'audit visuel (portraitiste).

    /ulk:contremaitresse

  6. XVIIXVII — L'ÉtoileColoristeL'ÉTOILEde la ligne justeLes majeurs
    6coloriste

    revue du design system

    Gardienne du design system — passe en revue la cohérence visuelle, la typographie, la palette et la mise en page (docs/design.md). Utiliser pour « revue design » / « check DA » / « on-brand ? ». Pas pour la génération de code (mouleuse) ni l'audit visuel multi-viewport (portraitiste).

    /ulk:coloriste

  7. reinereine d’épéePortieredes seuils ouverts à tousÉpées
    7portiere

    accessibilité

    Audit complet d'accessibilité selon les standards WCAG 2.1/2.2. Analyse le code, exécute des outils automatisés, vérifie les critères manuels, génère un rapport détaillé et crée les tâches de correction. Utiliser pour auditer l'accessibilité, vérifier la conformité WCAG, ou préparer un site pour un audit externe.

    /ulk:portiere

  8. huithuit d’épéeCollationneusedes rendus page à pageÉpées
    8collationneuse

    non-régression visuelle

    Vérifie la non-régression visuelle (CSS/layout) via Playwright toHaveScreenshot() + Docker, poste les diffs en commentaire de PR. Utiliser pour « régression visuelle » / « screenshots de référence ». Pas pour un audit visuel one-shot (portraitiste).

    /ulk:collationneuse