⚡ Pulse Score 83/100
Cursor AI — Production Architecture & Agent Playbook
Cursor AI development with React, TypeScript, and shadcn/ui integration.
⚡ 1-Click Agent & Developer Install
Zero Auth · Ready for Grok Bot, Claude Code & Cursornpx lightstate install skill-cursor-ai
Copy-Paste System Prompt / Routine Blueprint:
Load the Cursor AI — Production Architecture & Agent Playbook (skill-cursor-ai) playbook. First inspect our current configuration and codebase for Cursor AI, React, TypeScript. Then propose a concrete, step-by-step implementation plan following the skill-cursor-ai guardrails, run the non-destructive verification commands (npx lightstate install skill-cursor-ai), and summarize any findings, risks, or required environment variables before making production changes.
📘 Complete SKILL.md Playbook Specification
--- name: cursor-ai description: Cursor AI development with React, TypeScript, and shadcn/ui integration. Use when working with Cursor AI, React, TypeScript. triggers: - cursor ai - cursor ai - react --- # Cursor AI — Production Architecture & Agent Playbook ## 1. When to Use This Skill Load `skill-cursor-ai` whenever an engineering, architecture, or operations task involves **Cursor AI, React, TypeScript**. Specifically: - Cursor AI development with React, TypeScript, and shadcn/ui integration. - Designing, reviewing, refactoring, or debugging production configurations without guesswork or deprecated flags. - Running deterministic pre-flight validation and post-execution verification checks before reporting completion. ## 2. Prerequisites & Required Environment - **Target Stack:** Cursor AI, React, TypeScript - **Permissions Boundary:** Read-only inspection by default; ask for explicit human confirmation before executing destructive mutations or production deployments. - **Reference Specification:** `https://github.com/PatrickJS/awesome-cursorrules/blob/main/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdc` ## 3. Step-by-Step Execution Playbook 1. **Context & Configuration Discovery:** Inspect existing project manifests (`package.json`, `tsconfig.json`, `pyproject.toml`, `Cargo.toml`, `wrangler.jsonc`, or schema declarations) before proposing changes. Never overwrite existing bindings or credentials blindly. 2. **Deterministic Implementation:** Apply the canonical production patterns for **Cursor AI**: - Enforce strict schema and type validation at every external boundary. - Include explicit error handling, structured telemetry, and idempotency keys on all mutating calls. - Keep secrets in environment variables or managed secret stores—never hardcode tokens in source files. 3. **Verification & Regression Gate:** Run the verification commands below and inspect both exit codes and output payloads before marking the task complete. ## 4. Reference Commands & CLI Workflow ```bash npx lightstate install skill-cursor-ai git status --short npm test || pytest || cargo test ``` ## 5. Edge Cases & Anti-Hallucination Guardrails - **Zero Unverified Claims:** Never claim a build, migration, test run, or API call succeeded without inspecting the command output or HTTP status code. - **Rollback Readiness:** Always record the previous state or migration version so changes can be reverted cleanly if downstream health checks fail.
Synthesized Engineering Blueprint & Setup Guide
### Overview & Capability Scope
**Cursor AI — Production Architecture & Agent Playbook** (`skill-cursor-ai`) is a verified, portable `SKILL.md` playbook curated with **@cloudflare** for Grok Bot (`x.ai/bot/`), Claude Code (`~/.claude/skills/`), and Cursor (`.cursor/skills/`).
Cursor AI development with React, TypeScript, and shadcn/ui integration.
### Required Stack & Tooling
- **Primary Stack:** Cursor AI, React, TypeScript
- **Category:** `engineering`
- **Source & Reference:** [https://github.com/PatrickJS/awesome-cursorrules/blob/main/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdc](https://github.com/PatrickJS/awesome-cursorrules/blob/main/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdc)
### Quickstart Installation
Install this `SKILL.md` playbook directly into your agent workspace:
```bash
npx lightstate install skill-cursor-ai
```
Or copy the complete `SKILL.md` specification below into `.cursor/skills/skill-cursor-ai/SKILL.md` or `~/.claude/skills/skill-cursor-ai/SKILL.md`.
### Verification Commands
```bash
npx lightstate install skill-cursor-ai
git status --short
npm test || pytest || cargo test
```
Tags: #cursor-ai#react#typescript#skill-md#engineering
✓ CERTIFIED X BUILDER PORTFOLIO
More Capabilities Curated from @cloudflare
Related Verified Capabilities
Explore Engineering & DevOps → MCP Server ★ Featured Partner ✓ Claimed
⚡ 98
Grok Template ✓ Claimed
⚡ 97
Dr. Eggbot — Meta-Agent Architect & Bot Builder
MCP Server ✓ Claimed
⚡ 89
Visual Sentinel MCP — Automated UI Pixel-Diff & Layout QA Server
MCP Server ✓ Claimed
⚡ 88
Cloudflare Official MCP — Workers, D1, R2, KV & Observability
MCP Server ✓ Claimed
⚡ 86
Supabase Official MCP — Postgres Schema, RLS & Edge Functions
MCP Server ✓ Claimed
⚡ 85