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-forgeThis skill uses the workspace's default tool permissions.
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.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Performs token-optimized structural code search using tree-sitter AST parsing to discover symbols, outline files, and unfold code without reading full files.
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}