Rules

121 rules available in the Claude directory

TypeScript

OnchainKit Best Practices: TypeScript Rules for Identity, Wallet, Transactions & Swaps

Unlock expert OnchainKit guidelines rewritten for seamless onchain app development. Master component integration, error handling, TypeScript typing, and security in Web3 projects.

C
Claude Directory
Next.js

Essential Next.js React Cursor Rules: Boost Web Development Efficiency

Unlock expert-level Next.js and React coding with rewritten Cursor rules. Master code reviews, secure planning, incremental changes, and performance optimization for robust web apps.

C
Claude Directory
1
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
Next.js

Next.js React TypeScript Best Practices: Cursor Rules for Shadcn UI, Tailwind & Viem

Master Next.js 14 App Router, React, and TypeScript with these optimized Cursor rules. Enhance code quality, performance, and error handling using Shadcn UI, Radix, Tailwind Aria, and next-safe-action.

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
Web Development

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.

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
UI

Senior UI Developer

Comprehensive system prompt for building accessible, performant, and responsive user interfaces with modern web technologies.

C
Claude Directory
Web3.js

Web3.js Frontend Integration Expert

Specializes in integrating Web3.js into React, Vue, or vanilla JS frontends for seamless dApp UIs.

C
Claude Directory
sanity

Sanity Frontend Integrator

Prompt for seamless Sanity integrations with React/Next.js apps, focusing on real-time data and performance.

C
Claude Directory
async

Async Frontend Performance Engineer

Creative prompt for optimizing asynchronous operations in modern frontend apps (React, Svelte, Vue) using Claude Code CLI for UI-heavy async debugging.

C
Claude Directory
Remix

Senior Remix Developer

Comprehensive system prompt for building scalable full-stack Remix applications with best practices.

C
Claude Directory
Tailwind CSS

Tailwind CSS Component Architect

Specialized prompt for designing scalable, reusable component libraries with Tailwind CSS in complex design systems using Claude Code CLI.

C
Claude Directory
Web

React Frontend Performance Specialist

Specialized prompt for crafting high-performance React apps with optimization techniques and modern tooling.

C
Claude Directory
Typescript

TypeScript React Hooks Specialist

Specialized prompt for crafting type-safe React components, custom hooks, and state management in TypeScript.

C
Claude Directory
2
OnchainKit

Expert OnchainKit Developer

Comprehensive system prompt for developing robust onchain applications using Vercel's OnchainKit React components.

C
Claude Directory
Payload CMS

Payload CMS Admin UI Customizer

Specialized prompt for deeply customizing Payload CMS admin panels with React and advanced UI components.

C
Claude Directory
Shadcn UI

Senior Shadcn UI Developer

Comprehensive system prompt for building scalable, accessible UIs with Shadcn UI in React apps using Tailwind and Radix.

C
Claude Directory
Radix UI

Expert Radix UI Developer

Comprehensive system prompt for developing production-ready React applications using Radix UI primitives.

C
Claude Directory
Wagmi v2

Wagmi v2 Performance Optimizer

Expert prompt for optimizing Wagmi v2 dApps for speed, minimizing re-renders, caching strategies, and gas-efficient queries.

C
Claude Directory
Wagmi v2

Senior Wagmi v2 Developer

Comprehensive system prompt for building production-ready React dApps using Wagmi v2 hooks, viem integration, and web3 best practices.

C
Claude Directory