Tailwind Reference Adapter
SkillDev toolsUse when the user provides a local TailwindUI or Tailwind Plus folder as visual reference material for a HeroUI React/Tailwind v4 implementation.
Use Tailwind Reference Adapter in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Tailwind Reference Adapter and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Tailwind Reference Adapter skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; Ahel provides instructions and does not run this skill.
No other account needed.
Add Ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
What this skill tells your AI
The instructions your AI receives, as published by hashgraph-online/awesome-codex-plugins in plugins/kevin592/codex-full-stack-workflow/skills/tailwind-reference-adapter/SKILL.md and read by Ahel’s review.
This skill treats TailwindUI v4.1 and Tailwind Plus content as licensed local reference-only material, not as plugin source.
Input Artifacts
- Local TailwindUI/Tailwind Plus root path
- Product, IA, interaction, visual, and HeroUI component contracts
10-visual-confirmation-plan.md
Output Artifact
docs/full-stack-development/requirements/<feature-slug>/04-visual/tailwind-reference-index.md
Required MCP Tool
inspect_tailwind_ui_referenceplan_tailwind_hero_ui_adoptionselect_hero_ui_components
Hard Stops
- Do not copy TailwindUI source code into the plugin or generated project.
- Do not bundle TailwindUI templates, assets, previews, Catalyst UI Kit source, or screenshots into the plugin.
- Do not use Catalyst, Headless UI, or TailwindUI primitives when HeroUI has an official component.
- Do not let TailwindUI override HeroUI Official Component First.
Pressure Test Responsibility
- Missing local reference path must block only TailwindUI enrichment, not the base HeroUI workflow.
- Direct source-copy requests must block.
- Catalyst primitive adoption must block when HeroUI has an official component.
- Tailwind v4 class usage must remain layout/supportive around HeroUI components.
Next Gate
visual-design-orchestratormay consume the reference index as inspiration for Pencil/Figma boards, while implementation still uses HeroUI official components.
Signals
- GitHub stars
- 1k
- Forks
- 316
- Last commit
- Oct 2026
Advanced
- Item type
- skill
- Key
tailwind-reference-adapter- Source
- github.com/hashgraph-online/awesome-codex-plugins
github.com/hashgraph-online/awesome-codex-plugins