Rules

42 rules available in the Claude directory

Web Development

Elixir Phoenix Best Practices: Do's and Don'ts for Cursor AI Coding Rules

Optimize your Elixir Phoenix projects with these expert Do's and Don'ts. Covering code style, naming, performance, security, LiveView, Ecto, and Tailwind CSS for efficient, idiomatic development.

C
Claude Directory
Web Development

Astro Tailwind CSS Rules: Boost Performance & SEO in Modern Web Development

Unlock expert guidelines for Astro framework integrated with Tailwind CSS. Optimize static sites for speed, SEO, and scalability with rewritten best practices for components, routing, styling, and deployment.

C
Claude Directory
Svelte

Svelte 5 & SvelteKit Ultimate Development Guide: Runes, TypeScript, Tailwind CSS & Performance Tips

Unlock expert-level Svelte 5 and SvelteKit development with rewritten best practices, rune examples, TypeScript integration, Tailwind styling, state management, and optimization strategies for high-performance web apps.

C
Claude Directory
1
Svelte

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.

C
Claude Directory
TailwindCSS

Ghost CMS Tailwind CSS Theme Rules: Best Practices for Performance and Scalability

Unlock expert guidelines for building high-performance Ghost CMS themes with Tailwind CSS, Handlebars, and Alpine.js. Optimize structure, routing, SEO, and more for scalable websites.

C
Claude Directory
PHP

Laravel Livewire TailwindCSS DaisyUI Best Practices Checklist for Tall Stack

Boost your Tall Stack development with this actionable checklist of Laravel, Livewire, Alpine.js, TailwindCSS, and DaisyUI guidelines for clean, efficient, and scalable PHP web apps.

C
Claude Directory
Next.js

Next.js React Coding Standards: Standard.js Rules, Tailwind, Shadcn UI & Zustand Best Practices

Elevate your Next.js and React development with rewritten Standard.js rules, Zustand state management, Shadcn UI components, Tailwind utilities, and Stylus modules for performant, accessible code.

C
Claude Directory
Next.js

Modern Next.js 14 Development Rules: TypeScript, React Server Components, Supabase & Tailwind Best Practices

Unlock efficient modern web development with proven guidelines for Next.js App Router, TypeScript, React, Supabase GraphQL, Tailwind CSS, and Shadcn UI. Focus on performance, type safety, error handling, and server-first architecture for scalable apps.

C
Claude Directory
Svelte

SvelteKit TypeScript Tailwind Supabase Best Practices: Essential Coding Rules

Unlock expert-level SvelteKit development with TypeScript, Tailwind CSS, and Supabase. Follow these rewritten rules for SSR-focused, type-safe, readable code that prioritizes security, performance, and full functionality.

C
Claude Directory
Vue.js

Nuxt 3 TypeScript Nuxt UI Best Practices: Essential Coding Rules for Vue Developers

Unlock expert guidelines for building scalable Nuxt 3 apps with TypeScript and Nuxt UI. Follow these rewritten best practices for clean code, optimal data fetching, and responsive styling to boost performance and maintainability.

C
Claude Directory
TypeScript

NuxtJS Vue 3 TypeScript Best Practices: Coding Standards and Optimization Guide

Master NuxtJS development with Vue 3 and TypeScript through these rewritten rules for clean code structure, performance boosts, and modern UI patterns using Shadcn Vue, Tailwind, and Composition API.

C
Claude Directory
Next.js

Next.js TypeScript TailwindCSS Supabase Rules: Best Practices for Server-First Development

Elevate your Next.js projects with TypeScript, TailwindCSS, and Supabase using proven rules for clean, readable code. Prioritize server components, error handling, and semantic HTML for production-ready apps.

C
Claude Directory
Next.js

Next.js TypeScript Rules: Expert React, Shadcn UI, Tailwind & App Router Best Practices

Unlock professional Next.js development with rewritten TypeScript guidelines for React Server Components, Shadcn UI, Radix primitives, Tailwind CSS, and App Router. Boost performance, enforce clean architecture, and streamline coding workflows.

C
Claude Directory
Next.js

Next.js React TypeScript Cursor Rules: Best Practices Checklist for High-Performance Apps

Unlock expert guidelines for Next.js, React, and TypeScript development using Shadcn UI, Radix, and Tailwind. This rewritten checklist optimizes code structure, performance, and styling for scalable apps.

C
Claude Directory
1
Next.js

Next.js React Redux TypeScript Best Practices: Coding Standards Guide

Master scalable web development with proven rules for Next.js, React, Redux, TypeScript, Tailwind CSS, and Shadcn UI. Achieve clean, performant, type-safe code through detailed conventions, optimization tips, and practical examples.

C
Claude Directory
React

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.

C
Claude Directory
3
TailwindCSS

TailwindCSS Design System Architect

Architects custom TailwindCSS design systems, themes, and plugins for enterprise-scale consistency in Claude Code CLI.

C
Claude Directory
TailwindCSS

TailwindCSS Accessibility Specialist

Focuses on crafting fully accessible TailwindCSS interfaces with ARIA, semantics, and performance for Claude Code CLI workflows.

C
Claude Directory
TailwindCSS

Senior TailwindCSS Developer

Comprehensive system prompt for building scalable, responsive UIs with TailwindCSS best practices optimized for Claude Code CLI.

C
Claude Directory
supabase

Next.js Supabase Expert for Claude Code

Adapts the Cursor Next.js/Supabase prompt for Claude Code CLI, leveraging long context and reasoning for full-stack development.

C
Claude Directory
tailwindcss

Tailwind Speed Demon

Audit, purge, and hyper-optimize Tailwind CSS bundles for lightning-fast sites with advanced build tooling and zero-runtime CSS.

C
Claude Directory
tailwindcss

Tailwind Layout Maestro

Engineer intricate, accessible responsive layouts using Tailwind's flex, grid, and CSS modern features with pixel-perfect precision.

C
Claude Directory
tailwindcss

Tailwind Theme Forge

Craft bespoke Tailwind CSS configurations, design tokens, and plugins tailored to any brand or design system with semantic token generation.

C
Claude Directory
tailwindcss

Claude Next.js Tailwind Mastery

Expert prompt for generating optimized, production-ready Next.js apps with Tailwind CSS using Claude's superior reasoning and context handling.

C
Claude Directory