diagram-components
CommunityBuild and customize React diagram components for AI demos.
Authorcurtismu7
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the process of adding and customizing React diagram components in AI demos, enabling efficient diagram management and user interface development.
Core Features & Use Cases
- Shared Diagram Components: Provides reusable React components for diagrams, reducing the need for manual development.
- Component Customization: Allows for the addition of zoom, step-nav, and filter bars to diagrams.
- Use Case: When creating a new diagram page in an AI demo, this Skill can be used to add common controls like zoom, legends, and path filters, streamlining the development process.
Quick Start
Use the diagram-components skill to add a zoom control to your diagram page in the demo_api_ui project.
Dependency Matrix
Required Modules
None requiredComponents
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: diagram-components Download link: https://github.com/curtismu7/AI-demo/archive/main.zip#diagram-components 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.