Community Plugin

css-development

Name: css-development
Rating: 4.2 (23 reviews)
Author: 2389-research

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

1.0.0

Updated 9 days ago

AI Insight

Enhances CSS development with Tailwind utilities, semantic class naming, and built-in dark mode support for modern web projects.

Why this plugin

Streamlines styling workflows by combining Tailwind's utility-first approach with semantic organization and automatic dark mode, reducing CSS boilerplate and improving consistency.

Prerequisites

Requires a project using Tailwind CSS and Node.js/npm for installation via the Claude Code plugin marketplace.

css

tailwind

productivity

Install

Run in your terminal

npx claudepluginhub 2389-research/claude-plugins

Components

Skills

css-development:create-component

inherits

This skill should be used when creating new styled components or adding new CSS classes. Triggers on "create component", "new button", "new card", "add styles", "style component", "build UI element". Guides semantic naming, Tailwind composition, dark mode support, and test coverage.

css-development:refactor

inherits

This skill should be used when refactoring existing CSS from inline styles or utility classes to semantic patterns. Triggers on "refactor CSS", "extract styles", "consolidate CSS", "convert inline", "clean up styles", "migrate to semantic". Transforms to semantic classes with dark mode and tests.

css-development:validate

inherits

This skill should be used when reviewing or auditing existing CSS code for consistency with established patterns. Triggers on "review CSS", "audit styles", "check CSS", "validate stylesheet", "CSS review". Checks semantic naming, dark mode coverage, Tailwind usage, and test coverage.

Stats

Stars23

Forks1

MaintenanceExcellent

Last Commit9 days ago

Community Promotion

Collections

Links

View on GitHub

View README

Plugin Marketplace JSON

Similar Plugins

prompts.chat

149.6k

214

Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.

v1.0.0

plugin-dev

73.8k

Comprehensive toolkit for developing Claude Code plugins. Includes 7 expert skills covering hooks, MCP integration, commands, agents, and best practices. AI-assisted plugin creation and validation.

3mo

v0.1.0

superpowers

68.7k

200

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

v4.3.1

everything-claude-code

56.9k

149

Complete collection of battle-tested Claude Code configs from an Anthropic hackathon winner - agents, skills, hooks, and rules evolved over 10+ months of intensive daily use

v1.7.0