CSS development plugin with specialized agents for layout, animations, architecture, and modern CSS features
CSS fundamentals expert - selectors, specificity, box model, positioning, units
CSS layout specialist - Flexbox, Grid, responsive design, container queries
CSS animations and transitions expert - keyframes, transforms, motion design, performance
CSS architecture specialist - BEM, SMACSS, OOCSS, design systems, scalable patterns
CSS preprocessors and tooling expert - Sass, PostCSS, Tailwind, CSS Modules
Create performant CSS animations, transitions, and motion design
Implement scalable CSS architecture patterns - BEM, SMACSS, ITCSS, design tokens
Master Flexbox and CSS Grid layouts for modern responsive design
CSS fundamentals - selectors, specificity, box model, positioning, units
Use modern CSS features - custom properties, container queries, :has(), @layer, CSS nesting
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
📦 Install Now · 🤖 Explore Agents · 📖 Documentation · ⭐ Star this repo
Css Assistant is a Claude Code plugin with 7 agents and 8 skills for css development.
# Step 1️⃣ Add the marketplace
/plugin marketplace add pluginagentmarketplace/custom-plugin-css
# Step 2️⃣ Install the plugin
/plugin install css-development-assistant@pluginagentmarketplace-css
# Step 3️⃣ Restart Claude Code
# Close and reopen your terminal/IDE
# Clone the repository
git clone https://github.com/pluginagentmarketplace/custom-plugin-css.git
cd custom-plugin-css
# Load locally
/plugin load .
# Restart Claude Code
After restart, you should see these agents:
css-development-assistant:01-css-fundamentals
css-development-assistant:02-css-layout-master
css-development-assistant:03-css-animations
css-development-assistant:04-css-architecture
css-development-assistant:05-css-preprocessors
... and 2 more
| Feature | Description |
|---|---|
| 🤖 7 Agents | Specialized AI agents for css tasks |
| 🛠️ 8 Skills | Reusable capabilities with Golden Format |
| ⌨️ 4 Commands | Quick slash commands |
| 🔄 SASMP v1.3.0 | Full protocol compliance |
| # | Agent | Purpose |
|---|---|---|
| 1 | 01-css-fundamentals | Master CSS basics including selectors, specificity, box model, typography |
| 2 | 02-css-layout-master | Flexbox, CSS Grid, responsive design, layout patterns |
| 3 | 03-css-animations | Keyframes, transitions, performance optimization |
| 4 | 04-css-architecture | BEM, SMACSS, design systems, scalability |
| 5 | 05-css-preprocessors | Sass, PostCSS, Tailwind, CSS Modules |
| 6 | 06-css-performance | Critical CSS, code splitting, optimization |
| 7 | 07-css-modern-features | Custom properties, :has(), @layer, container queries |
| Skill | Description | Invoke |
|---|---|---|
css-fundamentals | Selectors, specificity, box model | Skill("css-development-assistant:css-fundamentals") |
css-flexbox-grid | Flexbox & CSS Grid layouts | Skill("css-development-assistant:css-flexbox-grid") |
css-animations | Keyframes, transitions, motion | Skill("css-development-assistant:css-animations") |
css-architecture | BEM, SMACSS, design systems | Skill("css-development-assistant:css-architecture") |
css-sass | Sass/SCSS preprocessing | Skill("css-development-assistant:css-sass") |
css-tailwind | Utility-first CSS framework | Skill("css-development-assistant:css-tailwind") |
css-performance | Critical CSS, optimization | Skill("css-development-assistant:css-performance") |
css-modern | Custom properties, container queries | Skill("css-development-assistant:css-modern") |
npx claudepluginhub pluginagentmarketplace/custom-plugin-css --plugin css-assistantProduction-grade Java development plugin with 8 specialized agents, 12 SASMP-compliant skills, and 4 commands for core Java, Spring, testing, DevOps, and enterprise development
Comprehensive game development learning system with 7 specialized agents, 21 in-depth skills, 4 slash commands, and automation hooks. Master game design, programming, graphics, audio, networking, tools, and publishing across Unity, Unreal Engine, and Godot.
Industrial-grade Flutter development plugin with 8 specialized agents and 12 production-ready skills covering UI, state management, backend integration, database design, performance optimization, testing, DevOps, and native platform integration. 15,500+ lines of expert content, 200+ code examples, 25+ projects.
Comprehensive Swift development plugin with 8 specialized agents and 12 Golden Format skills for iOS, macOS, and Apple ecosystem
React Native plugin with specialized agents for mobile development, navigation, native modules, and cross-platform apps
Expert Tailwind CSS v4.1 - CSS-first configuration, @theme, @utility, @variant, Oxide engine 5x faster, OKLCH colors, container queries, 15 specialized skills
Builds adaptive web interfaces using Flexbox, CSS Grid, and media queries with a mobile-first approach. Use when creating multi-device layouts, implementing flexible UI systems, or ensuring cross-browser compatibility.
Transforms AI code generation into award-winning web design. Injects real design thinking, creative patterns, and anti-AI-aesthetic techniques extracted from 38 of the world's best-designed websites.
Frontend platform discipline: CSS, Tailwind CSS v4, accessibility, and browser-specific practices
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture design, and quality review