diffuse
CommunityCreate reusable design elements and render components across various stacks.
Design & Creative#standardization#design systems#front-end development#cross-platform rendering#ui component creation
AuthorRebelliousSmile
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the need for automated, standardized design elements creation and rendering across different platforms, significantly reducing manual design and integration tasks.
Core Features & Use Cases
- Design Element Creation: Generate repeatable UI components using standardized designs.
- Rendering across Stacks: Produce these elements for integration with HTML, CSS, JavaScript, or WordPress block patterns.
- Use Case: For a web development project, use 'diffuse' to create a button component that is then automatically rendered in both the frontend (Vue, React) and a WordPress block pattern.
Quick Start
Use the diffuse skill to generate a neutral spec for a 'card' component from 'design/tokens.json' and 'design/components.json'.
Dependency Matrix
Required Modules
design-systemui-toolkit
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: diffuse Download link: https://github.com/RebelliousSmile/my-claude-marketplace/archive/main.zip#diffuse Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.