Name: css-development
Author: 2389 Research Inc

CSS Development Plugin

CSS development workflows with Tailwind composition, semantic naming, and dark mode by default.

Installation

/plugin marketplace add 2389-research/claude-plugins
/plugin install css-development@2389-research

What this plugin provides

Skills for CSS development following 2389 patterns:

css-development -- main orchestrator skill that routes to specific sub-skills
css-development:create-component -- create new styled components
css-development:validate -- validate CSS against patterns
css-development:refactor -- refactor existing CSS

Patterns

This plugin enforces:

Semantic class naming -- .user-profile, .nav-menu (not .container-1, .box-blue)
Tailwind composition -- use @apply to compose utilities into semantic classes
Dark mode by default -- every component includes dark: variants
Test coverage -- static analysis + component rendering tests

Quick example

.user-profile {
  @apply flex items-center space-x-4 p-4 bg-white dark:bg-gray-800;
}

.user-profile__avatar {
  @apply w-12 h-12 rounded-full;
}

.user-profile__name {
  @apply text-lg font-semibold text-gray-900 dark:text-gray-100;
}

Documentation

---

If these CSS workflows saved you from fighting Tailwind, a ⭐ helps us know it's landing.

Built by 2389 · Part of the Claude Code plugin marketplace