Skills
.Work. You
Rest

add-storybook-heroui

Community

HeroUI Storybook setup with Tailwind and dark mode.

Software Engineering#vite#storybook#tailwind#dark-mode#ui-development#heroui
Authortianhuil
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Configures Storybook for HeroUI projects, enabling seamless Tailwind integration, dark mode support, and global decorators to streamline UI development.

Core Features & Use Cases

  • Internal Storybook architecture guidance for HeroUI monorepos and apps
  • Tailwind + HeroUI plugin integration, dark mode with class-based theming
  • Global decorators and environment provisioning for consistent story rendering
  • Step-by-step setup for projects using HeroUI dependencies

Quick Start

Install Storybook for a React project and apply the Tailwind + HeroUI integration steps described here.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: add-storybook-heroui
Download link: https://github.com/tianhuil/dotfiles/archive/main.zip#add-storybook-heroui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.