create-micro-ui
OfficialBuild dynamic micro UI components.
Authorcas-team-analyst
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation and updating of micro UI components, which are essential for presenting complex results to users in an understandable format.
Core Features & Use Cases
- Component Generation: Creates single HTML files for UI components.
- Dynamic Data Handling: Emphasizes using variables and calculations derived from source data, avoiding hardcoded numbers.
- Development Workflow: Integrates with Vite for hot-reloading and provides commands for data swapping and file copying.
- Use Case: Quickly generate a visual dashboard component to display real-time sales figures, pulling data from a provided JSON object and styling it with Tailwind CSS.
Quick Start
Use the create-micro-ui skill to generate a new UI component based on the provided data structure.
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: create-micro-ui Download link: https://github.com/cas-team-analyst/claude-code/archive/main.zip#create-micro-ui 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 471,000+ vetted skills library on demand.