A premium cross-domain design systems engineering skill for AI agents, now with design context engineering: choose where design context lives, author DESIGN.md and design.md, structure design knowledge as OKF v0.2 bundles, drive anti-slop creative direction, and verify with an eval harness. Covers UI and UX, TUIs, accessibility, motion, dashboards, publishing, marketing collateral, game and film interfaces, HUDs, design-to-code, and 2D, 3D, CAD, CAM, AR, VR, XR, and print handoffs.
Expert in end-to-end AI-assisted software delivery, from design engineering and design systems to shipping: design engineering, design system automation, technical documentation, spec-driven planning, polyglot code quality, systematic QA, release auditing, LLM context engineering, and Astro frontend optimization. Built for agent-agnostic workflows across the full 9-skill delivery lifecycle.
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 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.
Frontend Design Direction from affaan-m’s ECC project. Use it to make websites, dashboards, apps, components, and other web UIs feel more intentional and product-specific. It helps choose the right visual direction, hierarchy, typography, color, layout, motion, responsiveness, and interaction patterns while avoiding generic AI-style UI and working with the project’s existing design system.
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"
Design and build distinctive, production-ready frontend interfaces with intentional typography, color, layout, and motion—without generic AI aesthetics.
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.