React Principles logoReact Principles
auto_awesomeAI Corpus

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.

terminal

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_forward
description

llms.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_forward

Skills

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-skills

Or manually copy any SKILL.md from the react-principles-skills repo into ~/.claude/skills/.

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 tokens

Principles + 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 tokens

Every 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.

rule

Code review in editor

Invoke "/reactprinciples-review" in Claude Code or Cursor to audit your changes against documented patterns before opening a PR.

construction

Scaffold features faster

Use "/reactprinciples-component", "/reactprinciples-query", or "/reactprinciples-form" to generate code that already follows the conventions — no boilerplate copy-paste.

psychology

Project-aware chat context

Paste llms.txt into Claude Projects, ChatGPT custom GPTs, or Cursor rules so every conversation stays principle-aligned.

all_inclusive

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