/design-forge:ui-designerPRO

UI Designer

Browse and apply premium web design patterns — taxonomy routing, section templates, asset generation, component catalog. Plus premium web animations, 3D, creative coding, generative art, and interactive experiences.

What it does

GenerativeCanvas with presets: grid field, orbital ellipses, point cloud, particle system

GlassPanel, ScrollProgress, CustomCursor, HoverCardCanvas

Scanlines, Typewriter effects, HeroScene

Design decision tree for tool selection (CSS, Motion.dev, GSAP, Three.js, Spline, Canvas 2D)

What you get by plan

PRO

33+ production-ready premium components with motion and 3D.

Component catalog with 33+ patterns
Generative canvas presets and particle fields
Glassmorphism, scroll, cursor primitives
Animation stacks: Motion.dev, GSAP, Framer
3D via Three.js and Spline
Reduced-motion and WCAG 2.1 AA compliant
Section templates and asset generation

Other Design Forge skills

/design-forge:intakePRO

IntakeFour quick questions — what you're building, your design system, brand assets, and motion level — turn a vague "make it look good" into a precise brief every downstream Design Forge skill reads, so you never re-explain your intent. Native AskUserQuestion at each step; re-run to change a single answer.

/design-forge:ingestPRO

IngestLift a real design system into Design Forge in seconds — point it at your current project, a GitHub repo, a named shadcn theme, or a live URL and it extracts the colors, typography, and spacing tokens every generator then matches. No manual token entry; network calls are consent-gated with graceful fallback.

/design-forge:product-plannerPRO

Product PlannerMap user types, goals, flows, screens before coding.

/design-forge:ux-researcherPRO

Design ResearchAI-powered design research agent using WebSearch and WebFetch to discover patterns, evaluate competitors, analyze technologies.

Try it in your terminal

Install free. No credit card required.

Get Started Back to Design Forge