tailwindplus
OfficialFind and reuse TailwindPlus UI components.
Authorlegacybridge-tech
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers locate and reuse pre-built UI components from the TailwindPlus library, reducing UI scaffolding time.
Core Features & Use Cases
- Browse: List and search 657+ components across Application UI, Marketing, and Ecommerce.
- Retrieve Code: Get ready-to-use HTML/React/Vue code snippets for selected components.
- Use Case: When prototyping a marketing page, quickly insert a hero or pricing card from the library with proper Tailwind classes.
Quick Start
Specify the TailwindPlus data file path, e.g. "~/data/tailwindplus-components.json". List all components: ./list_components.sh <json_file> Get code for a component: ./get_component.sh <json_file> "<Full.Component.Path>" -f react -v 4 -m light Search components: ./search_components.sh <json_file> "button"
Dependency Matrix
Required Modules
jq
Components
scripts
💻 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: tailwindplus Download link: https://github.com/legacybridge-tech/claude-plugins/archive/main.zip#tailwindplus 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 223,000+ vetted skills library on demand.