Make your AI tools React Principles–aware
Drop-in context for Claude, Cursor, Copilot, and GPT. Plus invocable skills that scaffold code and review against documented patterns — installable in one command.
Skills
Invocable commands
10 Agent Skills following the open standard. Works with Claude Code, Cursor, and any AI tool that supports skills.sh.
View skills belowarrow_forwardllms.txt
Drop-in AI context
The cookbook as AI-readable markdown. Two versions: compact for quick reference, full for deep RAG context.
See files belowarrow_forwardSkills
Invocable commands
Install once, invoke when needed. Each skill encodes a workflow — from reviewing code to scaffolding components — following React Principles patterns exactly.
Install all skills with one command:
npx skills add sindev08/react-principles-skillsOr manually copy any SKILL.md from the react-principles-skills repo into ~/.claude/skills/.
/reactprinciplesMasterUmbrella skill — routes intent to the right sub-skill (review, scaffold, audit).
/reactprinciples-reviewReviewReview React/TypeScript code against 13 principle categories. Flags violations with reasoning and fixes.
/reactprinciples-folder-structureScaffoldingScaffold a feature-sliced folder layout (components, hooks, stores, data).
/reactprinciples-componentScaffoldingScaffold a UI component — props extending HTMLAttributes, Record variants, cn() for class merging.
/reactprinciples-hookScaffoldingScaffold a custom hook with proper naming, stable return shape, and colocated test.
/reactprinciples-storeScaffoldingScaffold a Zustand store with selectors, actions, reset, and 'use client' boundary.
/reactprinciples-queryScaffoldingScaffold a React Query hook (list, detail, search, or mutation) with staleTime and enabled.
/reactprinciples-formScaffoldingScaffold a React Hook Form + Zod form. Shares schemas between create and edit via .omit/.pick.
/reactprinciples-recipeInternalDraft a new cookbook recipe in the standard structure. (Cookbook maintainer skill.)
/reactprinciples-audit-recipeInternalAudit an existing recipe for accuracy against the codebase. (Cookbook maintainer skill.)
llms.txt
Drop-in AI context
The cookbook compiled into AI-readable markdown. Auto-rebuilds on every publish. No setup — just point your AI at the URL.
Compact
~5K tokensPrinciples + rules only, no code. Drop into any AI context window for quick principle-aware help.
Best for: quick chat sessions, lightweight rules in Cursor.
Full
~17K tokensEvery recipe with pattern code and Next.js + Vite implementations. Suitable for RAG, fine-tuning, or long-form briefing.
Best for: custom AI assistants, retrieval pipelines, deep context.
Use cases
How developers use this
Practical patterns for getting AI tools aligned with React Principles.
Code review in editor
Invoke "/reactprinciples-review" in Claude Code or Cursor to audit your changes against documented patterns before opening a PR.
Scaffold features faster
Use "/reactprinciples-component", "/reactprinciples-query", or "/reactprinciples-form" to generate code that already follows the conventions — no boilerplate copy-paste.
Project-aware chat context
Paste llms.txt into Claude Projects, ChatGPT custom GPTs, or Cursor rules so every conversation stays principle-aligned.
Custom AI assistants
Use llms-full.txt as RAG corpus or fine-tuning data to build a React Principles assistant for your team.
Ready to install?
One command. Works across Claude Code, Cursor, and any tool supporting Agent Skills.
npx skills add sindev08/react-principles-skills