Skills
.Work. You
Rest

bun-tailwind

Community

Unify Bun + Tailwind with tokens and wiring.

Software Engineering#workflow#frontend#css#theme#bun#tailwind#tokens
Authoralexgorbatchev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Streamlines the process of integrating Tailwind v4 with Bun apps by clarifying the required project structure, token management, and consumer-facing guidance for bundling and scanning assets.

Core Features & Use Cases

  • CSS-first Tailwind integration: Ensure Tailwind is wired through CSS, not JavaScript config, with explicit @import and @source usage.
  • Theme token sharing: Use a shared theme stylesheet (src/theme.css) to map tokens to CSS variables for library consumers.
  • Dual build-path support: Document and maintain both Bun static-route bundling (bunfig.toml) and manual Bun.build() paths to cover common setups.
  • Consumer-ready packaging: Provide guidance on how consumers should import and scan the package output for proper styling.

Quick Start

Follow the steps to wire Bun Tailwind by updating bunfig.toml and Bun.build() usage so the Tailwind paths are loaded correctly.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: bun-tailwind
Download link: https://github.com/alexgorbatchev/ai-registry/archive/main.zip#bun-tailwind

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.