メニュー
Access TailwindPlus UI component library - search, list, and retrieve code for Marketing, Application UI, and eCommerce components in HTML/React/Vue with Tailwind CSS v3/v4
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Self-iterating autonomous loop where the main agent acts as a pure orchestrator, spawning isolated Implementor and Critic subagents in rounds until the artifact converges, an iteration cap is reached, or human escalation is needed. Domain-agnostic — works for code, documents, plans, designs, copy, specs, proposals, or anything with an iterable artifact and explicit acceptance criteria. Also addressable by the short alias "bvl".
Initialize the Engram memory system — creates configuration, memory files, and CLAUDE.md integration. Trigger when the user sets up persistent memory for a project, or when `.claude/memory-settings.json` is missing and a memory feature is requested.
Search and recall memories from the Engram files. Trigger when a topic may relate to past discussions, when the user references previous context, or when the user asks "do you remember…".
Store a memory into the appropriate Engram file. Trigger when a new preference, decision, milestone, or natural conversation summary point is identified, or when the user explicitly asks to remember something.
Display Engram memory system status — configuration, file sizes, entry counts, and health check. Trigger when the user asks about memory state, what's been remembered, or for diagnostics.
Manage the dynamic skill library. Initialize skill-library/ and SKILLUSE.md, add new skills, remove skills, edit existing skills, and list available skills. Use when the user wants to manage, create, or modify skills in the skill library.
| name | tailwindplus |
| description | Access TailwindPlus UI component library - search, list, and retrieve code for Marketing, Application UI, and eCommerce components in HTML/React/Vue with Tailwind CSS v3/v4 |
This skill provides access to the TailwindPlus UI component library with 657+ professional components.
Before using this skill, you need to specify the location of your TailwindPlus JSON data file.
Tell Claude the path to your tailwindplus-components-*.json file and Claude will use it in the commands.
Example: "My TailwindPlus data is at ~/data/tailwindplus-components-2026-01-08.json"
All commands require the JSON data file path as the first argument.
./info.sh <json_file>
Returns metadata about the TailwindPlus data file.
./list_components.sh <json_file>
Returns all component names organized by category.
./search_components.sh <json_file> "hero"
./search_components.sh <json_file> "pricing table"
Search for components by keyword (case-insensitive, supports multi-word).
./get_component.sh <json_file> "Application UI.Forms.Input Groups.Simple" -f html -v 4 -m light
./get_component.sh <json_file> "Ecommerce.Components.Product Overviews.With image gallery and expandable details" -f react -v 4 -m none
Required Parameters:
json_file: Path to the TailwindPlus JSON data filefull_name: The complete dotted path (e.g., "Application UI.Forms.Input Groups.Simple")-f, --framework: html, react, or vue-v, --version: 3 or 4 (Tailwind CSS version)-m, --mode: Theme modeMode Requirements (CRITICAL):
light, dark, or systemnone onlyhtml - Pure HTML with Tailwind CSS classesreact - React/JSX componentsvue - Vue.js componentsWhen user asks for a component:
Example workflow for finding a button component:
# Step 1: Search
./search_components.sh <json_file> "button"
# Step 2: Get the component
./get_component.sh <json_file> "Application UI.Elements.Buttons.Primary" -f react -v 4 -m light