A skill graph for design engineering: animation, transitions, taste, typography, color, components, anti-patterns.
Un cycle Brainstorm → Spec validée → Plan à cases à cocher → TDD strict → Review de conformité, conçu pour les devs qui construisent des SaaS pilotés par IA (générateurs, agents, outils no-code) en HTML/CSS/JS vanilla ou Node/Express, avec intégrations multi-fournisseurs (Anthropic, OpenAI, Gemini, Mistral). Exemples d'usage : "ajoute une fonctionnalité X à mon générateur", "intègre un nouveau fournisseur IA", "refonds ce module"
Turn design debt — five button colors, every page redrawn, components reinvented in every PR — into a design system engineers actually adopt. This is a six-step SOP: inventory audit, semantic tokens before components, a core component library, design-to-code parity, an adoption playbook, and a governance model. Built to stop a Figma library nobody uses and a shipped system that rots into an unmaintained museum.
Turn any product or technology idea into a feasibility-checked prototype plan with architecture, BOM, budget, build stages, validation tests, risks, and an upgrade roadmap.
Turn rough ideas into clear, validated designs through focused questions, practical options, trade-off analysis, and approval checkpoints.
Created from 10+ years of manufacturing and industrial automation experience across food packaging, planter-part manufacturing, and Tier 1 automotive environments, with Ignition used in production-facing work over that span. The skill packages practical SCADA judgment around maintainable expressions, operator-safe behavior, troubleshooting habits, and realistic Designer/Gateway validation workflows.
I've studied the visual language of 54 of the world's best-designed products Stripe, Linear, Vercel, Apple, Notion, and more. This skill encodes their complete design systems (color palettes, typography, spacing, components) so you can generate production quality pages in any style in seconds.