CSS development workflows with Tailwind composition, semantic naming, and dark mode by default
npx claudepluginhub 2389-research/claude-plugins --plugin css-developmentThis 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.
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.
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.
CSS development workflows with Tailwind composition, semantic naming, and dark mode by default.
/plugin marketplace add 2389-research/claude-plugins
/plugin install css-development@2389-research
Skills for CSS development following 2389 patterns:
css-development -- main orchestrator skill that routes to specific sub-skillscss-development:create-component -- create new styled componentscss-development:validate -- validate CSS against patternscss-development:refactor -- refactor existing CSSThis plugin enforces:
.user-profile, .nav-menu (not .container-1, .box-blue)@apply to compose utilities into semantic classesdark: variants.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;
}
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
Claude Code skills for Godot 4.x game development - GDScript patterns, interactive MCP workflows, scene design, and shaders
Reliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer
Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Works with Claude Code, Kiro, Clawd CLI, Gemini CLI, Cursor, Continue, and 16+ AI coding assistants. Now with Arabic, German, Spanish, and Chinese (Simplified & Traditional) support.
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
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.
Tools to maintain and improve CLAUDE.md files - audit quality, capture session learnings, and keep project memory current.