Communitygithub.com

Refonte Runtime avec Autorité Backend

Refactorise les applications pour que le backend détienne la vérité d'exécution et que l'UI ne projette que des instantanés. À utiliser lorsque les outils ont une autorité partagée. PAS pour le travail cosmétique sur l'interface ou les nouvelles fonctionnalités avant d'avoir supprimé la dérive.

Qu'est-ce que Refonte Runtime avec Autorité Backend ?

Cette compétence est conçue pour les agents d'IA (tels que Claude Code, Cursor, Codex) confrontés à des architectures où le backend et le frontend partagent l'autorité sur l'état d'exécution. Elle guide le développeur dans une refactorisation systématique pour que le backend devienne la seule source de vérité pour l'état d'exécution, tandis que l'interface utilisateur se contente de projeter des instantanés. L'objectif principal est d'éliminer le 'split-brain' (cerveau divisé) où l'UI invente ou met en cache des informations que le backend ne possède pas, ce qui entraîne des dérives lors des redémarrages, des reconnexions ou des processus d'approbation. En utilisant cette compétence, l'agent apprendra à inventorier les coutures d'autorité partagée, à geler le contrat d'interface (commandes, requêtes, événements), à normaliser la propriété de l'état, à supprimer les couches de compatibilité, et à ajouter des évaluateurs pour valider la correction. La compétence s'applique à tout outil de workflow (comme les éditeurs de graphes ou les plateformes low-code) et fournit à la fois des directives générales, un diagramme de décision, des exemples concrets et des critères de qualité pour garantir que la refactorisation est complète. Elle ne doit pas être utilisée pour des changements cosmétiques, des refontes de composants isolés où le contrat est déjà clair, ou pour ajouter de nouvelles fonctionnalités avant d'avoir résolu le problème structurel.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/curiositech/windags-skills/tree/HEAD/skills/backend-authoritative-runtime-refactor

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait Refonte Runtime avec Autorité Backend ?

Refactorisez seulement après avoir pu dire exactement où réside la vérité d'exécution et comment l'UI la lit.

Quand l'utiliser

  • L'UI synthétise des graphes, des phases ou des choix de fournisseurs que le backend ne comprend pas.
  • Un redémarrage ou une reconnexion modifie l'état d'exécution visible car le frontend a mis l'autorité en cache.
  • Des schémas, formats de démarrage ou types de nœuds anciens et nouveaux coexistent dans le chemin d'édition actif.
  • L'approbation, la révision ou l'exécution en aval dépend d'une reconstruction uniquement frontend.

PAS pour

  • Nettoyage cosmétique visuel sans changement de propriété d'exécution.
  • Refontes de composants isolés où le contrat backend est déjà faisant autorité.
  • Livraison de nouvelles fonctionnalités métier avant d'avoir supprimé la couture d'autorité partagée.
  • Travail de performance backend pur lorsque l'architecture a déjà une source de vérité unique.

Points de décision

flowchart TD
  A[Demande de refonte de workflow] --> B{L'UI peut-elle encore inventer la vérité d'exécution ?}
  B -->|Non| C[Utiliser une compétence de domaine ou UI plus étroite]
  B -->|Oui| D[Inventorier les coutures de commandes, requêtes et événements]
  D --> E{Chaque action utilisateur peut-elle correspondre à une commande, requête ou événement ?}
  E -->|Non| F[Geler le contrat avant le travail fonctionnel]
  E -->|Oui| G[Séparer l'état de projection de l'état possédé par le backend]
  G --> H{Les chemins de compatibilité hérités sont-ils toujours actifs ?}
  H -->|Oui| I[Les déplacer vers des bords de migration ou les supprimer]
  H -->|Non| J[Ajouter des évaluateurs, des requêtes de démarrage sûres pour la relecture et des abonnements aux événements]
  I --> J
  J --> K[Valider la préparation à la reconnexion, à l'approbation et à l'exécution en aval]

Utilisez d'abord ce modèle de routage :

  • Si l'UI ne peut pas être décrite comme commande -> transition backend -> requête ou projection d'événement, la couture est encore erronée.
  • Si un chemin de "compatibilité temporaire" se trouve dans le chemin chaud, traitez-le comme une dette de refactorisation, pas une fonctionnalité.
  • Si un redémarrage ou une reconnexion ne peut pas reconstruire l'état visible à partir de la seule vérité backend, la refactorisation est incomplète.

Méthode de travail

1. Inventorier le cerveau divisé

Trouvez tous les endroits où l'UI :

  • génère ou modifie la vérité d'exécution
  • invente des phases que le backend ne connaît pas
  • simule l'exécution dans des chemins de code actifs
  • conserve à la fois les schémas anciens et nouveaux dans le même chemin d'édition
  • mélange des niveaux de routage abstraits avec des ID de fournisseur exacts

2. Geler le contrat

Définissez trois classes uniquement :

  • Commandes : démarrer, arrêter, approuver, reprendre, modifier
  • Requêtes : état de démarrage, charge utile de révision, instantané d'exécution, santé du fournisseur
  • Événements : transitions faisant autorité, verdicts d'évaluateurs, état des portes, marqueurs de relecture

Si une action de l'UI ne peut pas être exprimée comme l'un de ces éléments, l'architecture est encore trouble.

3. Normaliser la propriété de l'état

Divisez les stores en :

  • état d'entrée du contrat
  • état de projection d'instantané backend
  • état de mise en page de l'UI

Ne laissez aucun store posséder à la fois la vérité d'exécution et les préoccupations de mise en page.

4. Supprimer les coutures de compatibilité actives

Préférez la suppression au "support des deux pour l'instant".

Suppressions typiques :

  • compatibilité de schéma singulier et pluriel dans l'édition active
  • simulation navigateur ou démo dans le runtime de bureau actif
  • types de nœuds obsolètes dans le chemin principal
  • résumés de révision en double
  • plusieurs formats de démarrage ou d'importation

5. Ajouter des évaluateurs avant de faire confiance à la refactorisation

Chaque nœud d'implémentation devrait avoir :

  • un évaluateur de sortie locale pour la correction
  • un évaluateur de préparation en aval pour la sécurité du contrat
  • un chemin de redémarrage ou de reconnexion qui se réhydrate à partir de la vérité backend, pas de suppositions frontend

Modes d'échec

Projection se faisant passer pour une autorité

Symptôme : l'UI semble "en lecture seule" mais assemble silencieusement la vérité de phase, de graphe ou de fournisseur localement.

Correctif : déplacez cette logique dans des commandes ou requêtes backend et traitez le frontend comme un projecteur.

Calcification de la couture de compatibilité

Symptôme : "supporter les deux pour l'instant" reste dans le chemin chaud pendant des semaines et devient l'architecture réelle.

Correctif : poussez la compatibilité vers des bords de migration unidirectionnels avec une date de suppression explicite ou supprimez-la maintenant.

Approbation sans inspectabilité

Symptôme : un humain peut approuver un travail qu'il ne peut pas inspecter car la charge utile de révision est partielle ou synthétisée par le frontend.

Correctif : le backend doit émettre la charge utile de révision exacte ; l'UI ne fait que la rendre.

Démarrage hostile à la relecture

Symptôme : le redémarrage de l'application modifie l'état visible ou perd la position des portes parce que le frontend a mis l'autorité en cache.

Correctif : le démarrage doit être une requête contre la vérité backend plus la relecture d'événements, pas une reconstruction du store.

Shibboleth

Si le redémarrage de l'application modifie l'état d'exécution visible sans aucun nouvel événement backend, l'autorité est encore partagée.

Exemple concret

Éditeur de workflow Tauri avec logique de phase détenue par le frontend

Problème :

  • Les stores React créaient le graphe, inféraient l'état de phase et normalisaient les niveaux de fournisseurs.
  • L'exécution backend utilisait un contrat différent, donc les flux de révision et de redémarrage dérivaient.

Chemin de refactorisation :

  1. Inventorier chaque endroit où l'UI inventait la vérité d'exécution.
  2. Réduire les interactions d'exécution à des commandes, requêtes et événements.
  3. Déplacer la normalisation des fournisseurs et les transitions de phase derrière des commandes backend.
  4. Supprimer les unions de format de démarrage du chemin d'édition actif.
  5. Ajouter des portes d'évaluateurs pour que le travail en aval ne procède que depuis des sorties validées par le backend.

Condition de succès :

  • Au redémarrage, l'UI reconstruit le même état visible à partir de l'instantané backend plus les événements.
  • Les écrans d'approbation rendent une charge utile de révision émise par le backend, pas une recomposition React.

Guide de bifurcation

Bifurquez lorsque le travail se sépare proprement :

  • Lane de contrat : inventorier les coutures d'autorité partagée et définir commandes, requêtes et événements.
  • Lane de suppression : supprimer les couches de compatibilité, les types de nœuds obsolètes et les unions de format de démarrage.
  • Lane de vérification : ajouter des portes d'évaluateurs, des tests de relecture et une couverture de redémarrage ou de reconnexion.

Conservez les décisions finales de propriété dans la lane parente afin qu'un seul acteur décide ce que le backend possède réellement.

Portes de qualité

  • L'UI ne peut pas fabriquer localement la vérité de graphe, de phase, de fournisseur ou de porte.
  • Chaque action utilisateur correspond à une commande, requête ou événement.
  • L'état d'exécution survit au redémarrage et à la reconnexion à partir de la seule vérité backend.
  • Les charges utiles de révision et d'approbation sont émises par le backend et rendues par l'UI.
  • La logique de compatibilité ne vit que sur les bords de migration, pas dans le chemin actif.
  • L'exécution en aval s'arrête en cas d'échec du contrat en amont.
  • Les ID de fournisseur exacts et les choix de modèles sont visibles à la frontière du contrat.
  • Les tests couvrent les chemins de redémarrage, de reconnexion, d'approbation et d'échec des évaluateurs.

Carte de référence

  • references/architecture-patterns.md — motifs de contrat de workflow détenu par le backend et séparations de propriété d'état.
  • references/windags-lessons.md — leçons concrètes d'une migration d'exécution à autorité partagée réelle.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

curiositech/windags-skills

Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.

curiositech/windags-skills

Expert legal research agent for finding and scraping expungement data state by state. Knows authoritative sources, URL patterns, Firecrawl configuration, and 2026 legal landscape.

curiositech/windags-skills

Expert in 3D computer vision labeling tools, workflows, and AI-assisted annotation for LiDAR, point clouds, and sensor fusion. Covers SAM4D/Point-SAM, human-in-the-loop architectures, and vertical-specific training strategies. Activate on '3D labeling', 'point cloud annotation', 'LiDAR labeling', 'SAM 3D', 'SAM4D', 'sensor fusion annotation', '3D bounding box', 'semantic segmentation point cloud'. NOT for 2D image labeling (use clip-aware-embeddings), general ML training (use ml-engineer), video annotation without 3D (use computer-vision-pipeline), or VLM prompt engineering (use prompt-engineer).

curiositech/windags-skills

Implement WCAG 2.2 AA/AAA compliance with automated testing, keyboard navigation, screen reader support, and focus management. Activate on: accessibility audit, WCAG compliance, keyboard navigation, screen reader, aria attributes, axe-core, focus trap. NOT for: design-level accessibility review (use design-accessibility-auditor), color contrast only (use css-in-js-architect).

curiositech/windags-skills

Time-blind friendly planning, executive function support, and daily structure for ADHD brains. Specializes in realistic time estimation, dopamine-aware task design, and building systems that actually work for neurodivergent minds.

curiositech/windags-skills

Designs digital experiences for ADHD brains using neuroscience research and UX principles. Expert in reducing cognitive load, time blindness solutions, dopamine-driven engagement, and compassionate design patterns. Activate on 'ADHD design', 'cognitive load', 'accessibility', 'neurodivergent UX', 'time blindness', 'dopamine-driven', 'executive function'. NOT for general accessibility (WCAG only), neurotypical UX design, or simple UI styling without ADHD context.

curiositech/windags-skills

>- Apply crisis decision-making research to agent routing, uncertainty triage, and coordination failure analysis in time-pressured systems. Use when diagnosing handoff failures, analytical paralysis, or expert judgment under incomplete information. NOT for routine coding, simple CRUD design, or static single-agent tasks with complete information.

curiositech/windags-skills

Extend and modify the admin dashboard, developer portal, and operations console. Use when adding new admin tabs, metrics, monitoring features, or internal tools. Activates for dashboard development, analytics, user management, and internal tooling.

curiositech/windags-skills

Conversation patterns and interaction protocols for multi-agent systems. Covers request/response, pub/sub, blackboard, delegation chains, debate, critique, consensus, fan-out/fan-in, supervisor-worker, and peer negotiation. Deep analysis of AutoGen conversation patterns, CrewAI delegation, LangGraph state passing, and FIPA-ACL performatives. Teaches how to design what agents say to each other and in what order. Activate on: "agent conversation", "agent protocol", "multi-agent debate", "agent delegation", "supervisor worker pattern", "agent voting", "consensus protocol", "fan-out fan-in", "agent negotiation", "blackboard pattern", "agent dialogue", "conversation topology", "agent handoff". NOT for: wire format or serialization (use agent-interchange-formats), orchestration infrastructure (use agentic-infrastructure-2026), single agent behavior (use agentic-patterns).

curiositech/windags-skills

Meta-agent for creating new custom agents, skills, and MCP integrations. Expert in agent design, MCP development, skill architecture, and rapid prototyping. Activate on 'create agent', 'new skill', 'MCP server', 'custom tool', 'agent design'. NOT for using existing agents (invoke them directly), general coding (use language-specific skills), or infrastructure setup (use deployment-engineer).

curiositech/windags-skills

AI-powered calendar management and agent-based scheduling coordination. Covers calendar APIs (Google Calendar, CalDAV/iCal), AI scheduling assistants (Reclaim, Clockwise, Motion, Cal.com), building custom calendar agents with MCP, multi-calendar merging, timezone management, focus block protection, meeting fatigue detection, and agent-to-agent meeting negotiation protocols. Activate on: "calendar agent", "AI scheduling", "calendar coordination", "meeting scheduling", "calendar API", "focus time protection", "calendar optimization", "Google Calendar MCP", "Reclaim", "Clockwise", "Motion", "Cal.com", "smart scheduling", "calendar-aware agent", "timezone scheduling", "agent negotiation meetings". NOT for: manual calendar UI component design (use form-validation-architect), project management scheduling or Gantt charts (use project-management-guru-adhd), general time-tracking or pomodoro apps (use adhd-daily-planner for time-awareness), building the agent itself from scratch (use agent-creator).

curiositech/windags-skills

Build and adopt production AI agent infrastructure in 2026. Covers framework selection (LangGraph, CrewAI, AutoGen, MCP), orchestration patterns, evaluation, observability, memory systems, and tool use. Also covers the SOCIAL dimension: how to sell agent infrastructure internally, change management, measuring ROI, building trust in autonomous systems, and scaling adoption across teams. Activate on: "agent infrastructure", "agent framework comparison", "which agent framework", "sell AI tools internally", "agent adoption", "agent observability", "agent evaluation", "MCP architecture", "agentic mesh", "enterprise AI agents", "AI change management", "agent ROI". NOT for: building specific agents (use ai-engineer), designing agent behavior patterns (use agentic-patterns), prompt tuning (use prompt-engineer).

curiositech/windags-skills

Fundamental patterns for effective agentic behavior. Teaches decomposition, tool orchestration, error recovery, context management, quality self-assessment, and knowing when to stop. Model-agnostic principles that make any agent more effective regardless of domain. Activate on: "how should I structure this agent", "agentic workflow", "agent patterns", "multi-step task", "tool orchestration", "/agentic-patterns", "decompose this", "agent best practices", "chain of actions", "when should the agent stop", "agent loop design". NOT for: creating agent infrastructure (use agent-creator), building DAGs (use windags-architect), specific tool implementation.

curiositech/windags-skills

Automated discovery and matching of agent skills for dynamic task routing and capability assessment

curiositech/windags-skills

Cryptographic security for agentic systems — zero-trust agent networking, signed message envelopes (JWS/JWE), capability-based security (ocaps), Merkle tree audit trails, WASM sandboxing, and formal verification. Covers CLI dev tool security, mTLS between agents, permission boundaries (least privilege for AI agents), and supply chain security for skills/plugins. Activate on: "agent security", "zero trust agents", "secure agent communication", "capability-based security", "ocap", "signed messages between agents", "agent audit trail", "sandbox agent execution", "agent permissions", "mTLS agents", "cryptographic verification", "agent supply chain", "OWASP agentic", "prove agent did X", "tamper-proof agent logs". NOT for: application-level SAST scanning (use security-auditor), network firewall rules (use infrastructure), SOC2/HIPAA compliance (organizational), or prompt injection defense (use prompt-engineer).

curiositech/windags-skills

Data structures and serialization formats for agent-to-agent communication. Covers message envelopes, structured output schemas, capability declarations, task handoff payloads, error/retry signaling, and context windows as data structures. Deep comparison of A2A protocol, MCP, OpenAI function calling, and LangChain message types. Teaches when to use rigid schemas vs free-form with validation, typed vs untyped, streaming vs batch. Activate on: "agent message format", "agent communication schema", "agent-to-agent protocol", "A2A protocol", "MCP message format", "structured output for agents", "agent interop", "interchange format", "agent serialization", "task handoff format", "capability declaration". NOT for: what agents say to each other (use agent-conversation-protocols), orchestration topology (use multi-agent-coordination), building agent infrastructure (use agentic-infrastructure-2026).

curiositech/windags-skills

Logic-based agent programming language implementing BDI architecture for practical autonomous agent development

curiositech/windags-skills

>- Design AgentSpeak(L)-style BDI agents with context-guarded plans, selection functions, and intention stacks. Use for interruptible autonomy, agent policy, and multi-agent orchestration in dynamic environments. NOT for simple rule engines, static planners, or centralized workflows.

curiositech/windags-skills

Foundational concurrent computation model where actors communicate exclusively through asynchronous message passing

curiositech/windags-skills

license: Apache-2.0 NOT for unrelated tasks outside this domain.

Skills associés