Help us improve
Share bugs, ideas, or general feedback.
From design-forge
Builds production-ready React/Next.js components for premium interactive experiences: canvas visualizations, glassmorphism, Framer Motion/GSAP animations, Three.js/Spline 3D, micro-interactions, particles, and sound design.
npx claudepluginhub hrconsultnj/claude-plugins --plugin design-forgeHow this skill is triggered — by the user, by Claude, or both
Slash command
/design-forge:design-forgeThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Design Forge provides production-ready components AND design methodology for building premium interactive web experiences in React/Next.js. It covers canvas visualizations, glassmorphism, animations (Framer Motion, GSAP), 3D (Three.js, Spline), micro-interactions, sound design, and accessibility.
Provides 2024-2025 web design trends, principles, and CSS patterns for bold minimalism, performance optimization, accessibility, micro-interactions, and design systems.
Builds complete frontend pages with React/Next.js, Tailwind, cinematic animations, AI-generated media assets, persuasive copy, and generative art for landing pages, marketing sites, and dashboards.
Generates production-quality React and Next.js UI components and full pages using Tailwind CSS and Framer Motion for hero sections, SaaS dashboards, pricing pages, bento grids, forms, cards, and animated elements.
Share bugs, ideas, or general feedback.
Design Forge provides production-ready components AND design methodology for building premium interactive web experiences in React/Next.js. It covers canvas visualizations, glassmorphism, animations (Framer Motion, GSAP), 3D (Three.js, Spline), micro-interactions, sound design, and accessibility.
Load each step through the fetch command (handles caching, decryption, and auth):
"~/.composure/bin/composure-fetch.mjs" skill design-forge design-forge {step-filename}
Do NOT read cache files directly — they are encrypted at rest. Always use the fetch command above.
animationsassetscanvas-2dinteractionslayoutssectionsthree-js3d-integration.mdaccessibility.mdanimation-recipes.mdasset-generation.mdcanvas-system.mddesign-patterns.mdgsap-framework-patterns.mdgsap-plugins.mdgsap-scrolltrigger-advanced.mdmicro-interactions.mdnextjs-conf-patterns.mdThis skill has category-specific content:
taxonomy/ — 20 filesFetch category content: "~/.composure/bin/composure-fetch.mjs" skill design-forge design-forge {category}/{filename}