Skills
.Work. You
Rest

css-tailwind-theme-pipeline

Official

Optimize TowerAI web app's global CSS architecture with Tailwind and MUI integration.

Software Engineering#tailwindcss#theme development#css architecture#muis#font family management
Authorthehivegroup-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures TowerAI web app's global CSS architecture is optimized with Tailwind and MUI integration, eliminating duplicate theme blocks and conflicting typography.

Core Features & Use Cases

  • Single Tailwind Pipeline: Prevents multiple @import 'tailwindcss' instances in the app.
  • Canonical Theme Source: Uses a single @theme source in apps/web/src/styles/theme.css.
  • Primitive Compatibility: Ensures @source includes packages/ui/src/**/*.{ts,tsx} for Untitled UI primitives.
  • MUI Coexistence: Avoids conflicts between MUI and Untitled/tokens on font family.
  • Use Case: Ideal for teams looking to standardize and maintain a clean, cohesive CSS structure in their TowerAI web applications.

Quick Start

Use the css-tailwind-theme-pipeline skill to build a new theme for the TowerAI web app by editing the 'theme.css' file located at 'apps/web/src/styles'.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: css-tailwind-theme-pipeline
Download link: https://github.com/thehivegroup-ai/ai-development/archive/main.zip#css-tailwind-theme-pipeline

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 620,000+ vetted skills library on demand.