Rules
43 rules available in the Claude directory
UI/UX Design Best Practices: Essential Tips for Developers and Responsive Web Apps
Discover rewritten UI/UX design best practices to create intuitive, accessible, and high-performing interfaces. Perfect for web developers using React, TailwindCSS, and more.
HTML and CSS Best Practices: Semantic Markup, Accessibility & Responsive Design Guide
Elevate your web development with expert HTML and CSS best practices for semantic structure, top-tier accessibility, responsive layouts, and peak performance across all devices.
SvelteKit Tailwind CSS Best Practices: Essential Coding Rules for High-Performance Web Apps
Unlock expert-level SvelteKit development integrated with Tailwind CSS. These rewritten guidelines cover project structure, routing, styling, performance, SEO, testing, and accessibility for scalable, optimized applications.
Bootstrap Best Practices: Top Rules for Responsive, Accessible Web Development
Master Bootstrap with these rewritten expert rules for creating responsive layouts, leveraging components, ensuring accessibility, and optimizing performance in modern web apps.
Expert Front-End Developer Prompt: React, Next.js, TypeScript & TailwindCSS Best Practices
Master front-end development with this optimized AI prompt for React, Next.js, TypeScript, TailwindCSS, and modern UI libraries. Features step-by-step planning, accessibility rules, and clean code examples for production-ready apps.
Liquid Accessibility & SEO Expert
Advanced prompt for crafting inclusive, search-optimized Liquid templates compliant with WCAG and SEO standards.
Dark Mode Theme Innovator
Specialized prompt for developing seamless dark/light mode themes with smooth transitions and user preference detection using Claude's advanced reasoning.
Accessible UI Auditor
Specialized prompt for auditing, diagnosing, and fixing accessibility issues in existing UIs using automated and manual techniques.
Senior UI Developer
Comprehensive system prompt for building accessible, performant, and responsive user interfaces with modern web technologies.
Tailwind CSS Accessibility Expert
Focused prompt for creating inclusive, WCAG-compliant UIs with Tailwind CSS, emphasizing ARIA, focus management, and contrast in Claude Code CLI workflows.
Senior Shadcn UI Developer
Comprehensive system prompt for building scalable, accessible UIs with Shadcn UI in React apps using Tailwind and Radix.
Radix UI Accessibility Auditor
Prompt for auditing, enhancing, and ensuring WCAG compliance in Radix UI applications.
Expert Radix UI Developer
Comprehensive system prompt for developing production-ready React applications using Radix UI primitives.
Accessibility & i18n Specialist for @app/common
Creative prompt for ensuring inclusive, multilingual shared components and utils in @app/common, tailored for global apps via Claude's context-aware reasoning.
Tamagui Theming Architect
Specialized prompt for designing scalable, accessible theme systems in Tamagui projects.
DaisyUI Accessibility Optimizer
Creative prompt for auditing, enhancing, and ensuring WCAG-compliant DaisyUI UIs with performance tweaks.
Accessibility-First Responsive Designer
Creative prompt integrating WCAG accessibility with responsive design for inclusive, adaptive experiences across devices.
Bootstrap Accessibility Optimizer
Advanced prompt focused on making Bootstrap sites fully accessible, performant, and inclusive.
AutoHotkey Accessibility Guru
Expert prompt for building remapping, screen reader enhancers, and input accessibility tools.
Svelte UI Component Specialist
Creative prompt for crafting accessible, animated, and performant Svelte components with modern styling integrations.
Vue.js Accessibility Specialist
Dedicated prompt for building fully accessible Vue.js applications compliant with WCAG standards.
Accessibility Audit and Remediation Expert
Unique prompt for auditing legacy codebases, generating detailed reports, and automating remediation using Claude's advanced reasoning.
Mobile Accessibility Specialist
Creative prompt for optimizing iOS and Android app accessibility using platform-native tools like VoiceOver and TalkBack.
Senior Web Accessibility Engineer
Comprehensive system prompt for building WCAG-compliant web applications with a focus on semantic HTML, ARIA, and inclusive design.