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.
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.
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.
Design and build distinctive, production-ready frontend interfaces with intentional typography, color, layout, and motion—without generic AI aesthetics.
Turn rough ideas into clear, validated designs through focused questions, practical options, trade-off analysis, and approval checkpoints.
A skill graph for design engineering: animation, transitions, taste, typography, color, components, anti-patterns.
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.
30/60/90-day plans, a 45-item first-week checklist, buddy/mentor ops, weekly 1:1 question lists, and 7 onboarding failure patterns with fixes. Table-based Markdown you paste straight into Notion or your team wiki.
