Frontend Development
Component Design Patterns
Rules for designing self-contained, composable React components.
ReactComponentsArchitecture
AI Agent Skills
Curated rules and prompts to make your AI coding assistants behave like senior engineers. Copy these to your .cursorrules or system prompt.
56 skills
Frontend Development
State Management Rules
When to use local state, context, or global stores like Zustand/Redux.
ReactStateZustand
Frontend Development
Data Fetching Standards
Clean patterns for fetching, caching, and handling loading/error states in the browser.
React QuerySWRFetching
Frontend Development
Styling and CSS Constraints
Maintainable styling using TailwindCSS or design systems.
TailwindCSSCSSDesign System
Frontend Development
Accessibility (a11y) Requirements
Mandatory accessibility checks for web applications.
AccessibilityARIAa11y
Frontend Development
Form Handling Rules
Building robust, user-friendly forms with validation.
FormsZodValidation
Backend & APIs
REST/GraphQL API Design
Proper resource naming, status codes, and endpoint structure.
APIRESTDesign
Backend & APIs
Input Validation & Sanitization
Never trust the client. Rule set for strict backend validation.
ValidationSecurityZod
Backend & APIs
Router and Controller Separation
Decoupling HTTP transport logic from business logic.
ArchitectureControllersRouting
Backend & APIs
Centralized Error Handling
Catching and formatting errors systematically without leaking internals.
ErrorsMiddlewareStability
Backend & APIs
Background Job Architecture
Offloading slow processes to message queues or workers.
WorkersQueuesAsync
UI/UX Design
Visual Hierarchy Rules
Guiding the user's eye using size, weight, color, and spacing.
DesignLayoutTypography
UI/UX Design
State and Micro-interactions
Designing satisfying hover, focus, and loading states.
AnimationStateFeedback
UI/UX Design
Error Feedback & Recovery
Communicating failure gracefully without frustrating the user.
UXErrorsFeedback
UI/UX Design
Responsive Breakpoint Logic
Rules for scaling interfaces seamlessly across devices.
ResponsiveMobileLayout
UI/UX Design
Dark Mode Implementation
Best practices for designing logical dark themes without eyestrain.
ThemingDark ModeColors
Architecture & Patterns
Dependency Injection
Decoupling components by injecting their dependencies.
ArchitectureDITesting
Architecture & Patterns
SOLID Principles Checklist
The 5 foundational object-oriented design principles.
SOLIDOODClean Code
Architecture & Patterns
Repository Pattern
Abstracting database access behind a clean domain interface.
DatabaseArchitectureAbstraction
Architecture & Patterns
Event-Driven Architecture
Using events to decouple side effects from main business logic.
EventsPubSubDecoupling
Architecture & Patterns
Monorepo Structure Rules
Managing multiple packages and apps in a single repository.
MonorepoTurborepoWorkspaces
Security & Auth
JWT and Session Security
Secure storage and transmission of authentication tokens.
SecurityJWTAuth
Security & Auth
RBAC and Authorization
Role-based access control and enforcing permissions securely.
SecurityAuthorizationRBAC
Security & Auth
Data Encryption & Hashing
Protecting passwords and sensitive data at rest and in transit.
CryptographySecurityPasswords
Security & Auth
OWASP Top 10 Mitigation
Guarding against common web vulnerabilities like XSS, CSRF, and SQLi.
OWASPXSSSQLiCSRF
Security & Auth
Secure HTTP Headers
Configuring Helmet or Next.js to set appropriate security headers.
SecurityHeadersHelmet
Performance
Frontend Bundle Optimization
Keeping the initial JavaScript payload small and fast.
WebpackBundleJavaScript
Performance
Multi-layer Caching Strategy
Implementing Redis, CDN, and browser caching correctly.
CachingRedisCDN
Performance
Database Query Optimization
Fixing N+1 queries, adding indexes, and avoiding full table scans.
SQLIndexesORM
Performance
React Render Optimization
Preventing unnecessary re-renders using memo, useMemo, and useCallback.
ReactPerformanceOptimization
Performance
Backend Async concurrency
Using Promise.all and avoiding synchronous blocking operations.
Node.jsAsyncConcurrency
Testing & QA
Unit Testing Fundamentals
Writing effective, isolated tests for pure functions and components.
TestingJestVitest
Testing & QA
Integration and API Testing
Testing how the database, routing, and services work together.
TestingSupertestAPI
Testing & QA
Frontend Component Testing
Testing UI components with React Testing Library.
TestingRTLReact
Testing & QA
End-to-End (E2E) Testing
Writing Cypress or Playwright tests for critical user flows.
E2EPlaywrightCypress
Database & Data
Relational Schema Design
Rules for normalizing data, constraints, and relationships.
DatabaseSQLSchema
Database & Data
Database Migration Discipline
Managing schema changes safely across environments.
DatabaseMigrationsDevOps
Database & Data
Transaction Integrity
Ensuring multi-step writes succeed or fail together.
DatabaseTransactionsACID
Database & Data
NoSQL Design Principles
When to use Document databases and how to model data.
NoSQLMongoDBDynamoDB
DevOps & Deployment
Docker Best Practices
Writing secure, minimal, cache-optimized Dockerfiles.
DockerDevOpsContainers
DevOps & Deployment
CI/CD Pipeline Design
Automating tests, linting, and safe cloud deployments.
CI/CDActionsAutomation
DevOps & Deployment
Observability and Logging
Structured logging and application performance monitoring.
LoggingMonitoringDevOps
DevOps & Deployment
Infrastructure as Code (IaC)
Managing cloud resources using Terraform, CDK, or Pulumi.
TerraformAWSIaC
Code Quality & Refactoring
Variables and Function Naming
Rules for producing highly readable, descriptive names.
Clean CodeNamingReadability
Code Quality & Refactoring
DRY vs. WET Code
When to extract abstractions and when to leave duplication alone.
RefactoringClean CodeArchitecture
Code Quality & Refactoring
Effective Commenting
Rules for writing comments that add value rather than clutter.
DocumentationClean Code
Code Quality & Refactoring
Git Commit Discipline
Writing atomic commits and descriptive commit messages.
GitVersion ControlCollaboration
Code Quality & Refactoring
Writing Error Messages
Rules for creating helpful, actionable error responses.
UXErrorsLogs
Agentic AI Workflows
Designing Tools for Assistants
How to build custom CLI tools or endpoints for AI agents to consume.
AgentsToolingMCP
Agentic AI Workflows
Managing AI Context Windows
Guiding the AI to synthesize only relevant files.
AgentsPromptingContext
Agentic AI Workflows
Agentic Step Planning (CoT)
Forcing agents to produce a verified sequence before execution.
AgentsPlanningChain of Thought
Agentic AI Workflows
Agentic Code Review & Self-Correction
Prompts and techniques for self-auditing generated code.
AgentsReviewSelf-Correction
Agentic AI Workflows
System Prompt Architecture
Constructing robust .cursorrules files and system constraints.
AgentsSystem PromptsCursor
Mobile Development
Mobile App Performance Rules
Preventing UI thread blocking and managing list rendering.
MobilePerformanceReact Native
Mobile Development
Offline-First Data Synchronization
Architecting apps that work in tunnels, airplanes, and bad networks.
MobileOfflineArchitecture
Mobile Development
OS Integrations & Permissions
Requesting permissions and handling app lifecycles correctly.
MobileUXOS