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.
Garden Skills turns your ideas and raw content into design-grade output: web pages and landing pages, clickable prototypes, HTML slide decks, dashboards, shareable single-file HTML articles, and generated images. It bakes in real design taste (anti-cliché rules, oklch color, curated type pairings) so the result looks like a design director made it, not a default template.
Design Systems Engineering gives AI agents a disciplined, human-centered workflow for UI/UX, design systems, accessibility, motion, dashboards, design-to-code, and technical handoffs. It is built for real product work where structure, ergonomics, and implementation realism matter more than generic visual taste.
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.
A curated skill bundle for premium design taste, landing pages, pitch decks, contest planning, rubric scoring, evidence validation, MVP prototyping, and final submission QA. Built for hackathons, grants, accelerators, startup demos, and competition teams.
Design and build distinctive, production-ready frontend interfaces with intentional typography, color, layout, and motion—without generic AI aesthetics.
A skill graph for design engineering: animation, transitions, taste, typography, color, components, anti-patterns.
Create museum-quality posters and static visual art through original design philosophies, refined composition, and master-level craftsmanship.