Rules
41 rules available in the Claude directory
Gatsby Best Practices: TypeScript, React & Tailwind CSS Development Guide
Unlock expert Gatsby development strategies using TypeScript, React, Tailwind CSS, and GraphQL. Boost performance, maintainability, and scalability with proven coding rules and optimization tips.
OnchainKit Theming Specialist
Specialized prompt for creating custom, brand-aligned themes and styles in OnchainKit applications.
Senior Shadcn UI Developer
Comprehensive system prompt for building scalable, accessible UIs with Shadcn UI in React apps using Tailwind and Radix.
Radix UI Theming Specialist
Specialized prompt for creating scalable theming systems and custom styles for Radix UI components.
Solito Universal UI Engineer
Creative prompt for crafting reusable, platform-optimized UI components in Solito apps.
Senior DaisyUI Developer
Comprehensive system prompt for building production-ready DaisyUI components and applications using Tailwind CSS.
Alpine.js x-Tailwind Integrator
Expert prompt for building responsive, utility-first UIs combining Alpine.js with Tailwind CSS.
Tailwind Performance Optimizer
Expert prompt for optimizing Tailwind CSS bundles, purging unused styles, and ensuring high-performance UIs in production.
Senior Tailwind CSS Developer
Comprehensive system prompt for developing responsive, accessible, and performant UIs using Tailwind CSS in Claude Code CLI.
Tailwind Responsive Accessibility Pro
Builds accessible, responsive Tailwind UIs with animations, dark mode, and performance best practices.
Tailwind Theme & Config Builder
Generates custom Tailwind configurations, design tokens, and plugins for scalable design systems.
Tailwind CSS-to-Utility Converter
Transforms vanilla CSS into production-ready Tailwind classes with optimization and purging insights.
Claude SvelteKit + Tailwind Expert
Optimized SvelteKit development prompt for Claude Code CLI with Tailwind integration and Claude's advanced reasoning.
Tailwind Animations & Optimization
Build performant Tailwind animations, transitions, and optimize for production pipelines with Claude's tool integration and reasoning.
Tailwind Responsive & Layout Pro
Master Tailwind's responsive utilities, grid/flexbox, and container queries for complex layouts with Claude's codebase analysis.
Tailwind Theme & Plugin Mastery
Expert prompt for deeply customizing Tailwind CSS themes, plugins, and configurations using Claude's reasoning and long context for large-scale projects.
Tailwind Dark Mode Pro
Production-ready prompt for implementing advanced dark mode, animations, and accessibility in Tailwind using Claude's tool integration for live previews.
Tailwind Responsive Wizard
Expert system for building mobile-first responsive designs with Tailwind, leveraging Claude's context for full viewport simulations and breakpoint strategies.
Tailwind Config Mastery
Comprehensive guide for optimizing Tailwind CSS configurations, custom themes, and plugins using Claude's reasoning for production-scale designs.
Tailwind Design System Forge
Builds scalable Tailwind design systems with tokens, components, and Storybook integration via Claude's compositional reasoning.
Tailwind Accessibility Booster
Audits and enhances Tailwind codebases for WCAG compliance using Claude's deep analysis and ARIA recommendation tools.
Tailwind Plugin Architect
Guides creation of custom Tailwind CSS plugins with TypeScript, leveraging Claude's reasoning for complex utility generation and testing.
Gatsby Tailwind TS Expert
Adapts Gatsby, TypeScript, React, and Tailwind best practices for Claude Code CLI with enhanced reasoning and long-context analysis.
React TypeScript Component Architect
Expert system for designing scalable, type-safe React apps with modern hooks, Zustand, and Tailwind in Claude Code CLI.