Design Forge
Premium design patterns
Production-grade visual richness and interactive experiences. Design Forge provides a canvas visualization system (GenerativeCanvas with presets: grid field, orbital ellipses, point cloud, particle system), glassmorphism panels, scroll progress indicators, custom cursors, scanline effects, typewriter animations, and hero scenes. All with performance gating: DPR capped at 2x, visibility gating, reduced-motion support, touch adaptation, and WCAG 2.1 AA compliance.
Skills
/design-forge:design-forgeDesign Patterns
Premium design patterns and production-ready components. Canvas visualizations, glassmorphism, animations, interactive experiences.
- 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)
/design-forge:ux-researcherDesign Research
AI-powered design research agent using WebSearch and WebFetch to discover patterns, evaluate competitors, analyze technologies.
- Competitor analysis with tech stack detection
- Pattern discovery across 5-10 real implementations
- Technology comparison matrices with bundle sizes
- Actionable reports for implementation