ulk

Les decks

Site web

Pour un site ou une application web (Astro, Next, Nuxt…). 13 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. IIIIIIII — L'EmpereurGeometreL'EMPEREURdes fondations techniquesLes majeurs
    2geometre

    choix de stack

    Recommande la stack technique et l'architecture pour un projet neuf ou legacy — questionnaire, matrice comparative, blueprint, estimation de délais. Utiliser pour « quelle stack » / « choisir la techno » / « from-scratch ». Passe le relais à Greffiere.

    /ulk:geometre

  3. VIVI — L'AmoureuxQuincailliereL'AMOUREUXdes composants manquantsLes majeurs
    3quincailliere

    choix de la bibliothèque UI

    Recommande une bibliothèque UI pour un besoin précis — toasts, glisser-déposer, graphiques, formulaires, icônes — depuis une liste curatée et datée par ulk. Utiliser pour « quelle lib pour les toasts » / « bibliothèque UI ». Pas pour le choix de framework, de base de données ou d'hébergement (geometre).

    /ulk:quincailliere

  4. deuxdeux de bâtonTypographedes interfaces papierBâtons
    4typographe

    interfaces éditoriales

    Génère des interfaces web éditoriales « paper-zine » depuis un brief ou une URL — recette d'abord, code accessible ensuite. Utiliser pour « UI zine » / « web éditorial » / « landing anti-slop ». Pas pour les design systems (fondeuse) ni les audits UI (facadiere).

    /ulk:typographe

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

    relecture de la DA, figures explicatives

    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

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

    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

  7. troistrois de bâtonFacadieredes interfaces vivantesBâtons
    7facadiere

    audit du frontend et des parcours

    Audite le frontend en quatre modes — full (UX / UI / Tailwind), landing (conversion de landing page), shadcn, walkthrough (test live filmé, rapport HTML). Nécessite un serveur de dev lancé. Utiliser pour « audit frontend » / « check landing page » / « recette filmée ». Pas pour la production vidéo (monteuse) ni la régression visuelle (portraitiste).

    /ulk:facadiere

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

    accessibilité WCAG

    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

  9. cavaliercavalier d’épéeFunambuledes parcours sans filetÉpées
    9funambule

    tests de bout en bout

    Écrit et configure des tests end-to-end — Playwright ou Cypress — avec captures d'écran, vidéos, rapports et câblage CI. Supporte tous les frameworks web. Déléguer quand il faut vérifier un parcours utilisateur complet dans un vrai navigateur : tunnel d'achat, authentification, formulaire multi-étapes, régression visuelle. Pas pour tester une fonction ou un composant isolé (calibreuse) ni pour corriger des tests qui échouent déjà (ravaudeuse).

    /ulk:funambule

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

    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

  11. quatrequatre de bâtonPortraitistedes écrans comparésBâtons
    11portraitiste

    audit visuel de la page en ligne

    Audit visuel complet via shot-scraper (screenshots, PDF, a11y), Obscura (JS eval, scraping multi-URL, CDP) et Telescope optionnel (performance multi-navigateurs locale) - screenshots multi-viewport comparatifs, analyse DOM/CSS, arbre d'accessibilité, LCP/CLS/FCP. Utiliser pour « audit visuel » / « visual audit » / « screenshot cette page ». Supporte URL unique, liste URLs, ou projet local.

    /ulk:portraitiste

  12. roiroi de deniersLivreuse-vercelfactrice des previews éphémèresDeniers
    12livreuse-vercel

    déploiement (ou Netlify, Cloudflare)

    Déploie sur Vercel — configuration du projet, variables d'environnement, previews de branche, mise en production. Supporte Next.js, Nuxt, Astro, SvelteKit et les sites statiques. Déléguer quand la cible est Vercel, ou quand le projet est un front JavaScript sans contrainte particulière d'hébergement : c'est le défaut le plus court. Pas pour un backend conteneurisé ou gourmand (livreuse-fly), un site statique déjà chez Netlify (livreuse-netlify), ni une infrastructure AWS (livreuse-aws).

    /ulk:livreuse-vercel

  13. deuxdeux de deniersLivreuse-cloudflareaiguilleuse de la bordure du mondeDeniers
    13livreuse-cloudflare

    déploie sur Cloudflare

    Déploie et configure Cloudflare — Workers, Pages, Static Assets, bindings D1/KV/R2/Queues/Durable Objects, secrets via wrangler. Utiliser pour « déploie sur Cloudflare » / « Cloudflare Worker » / « wrangler ». Pas pour Vercel (livreuse-vercel) ni l'audit de sécurité edge (serruriere).

    /ulk:livreuse-cloudflare