Frontend-Ai-starter-REcipesStop re-explaining your frontend stack to every AI agent.

Opinionated rules, skills, and context for React, Vue, Svelte, and Angular — one command, every adapter.

📐

Framework-aware rules

Architecture, components, styling, routing, state, data fetching, forms, performance, accessibility, and SEO — tuned to your UI library and meta-framework.

🧭

Frontend workflow skills

plan-review, code-review, QA, ship, performance-audit, accessibility-audit, component-audit, and more — repeatable quality without re-prompting.

🖥️

Multi-IDE adapters

Your stack choices render directly into Cursor rules, Claude Code instructions, Copilot config, Antigravity workflows, or Windsurf rules — pick the IDEs you use.

How it works in 30 seconds

Run npx frontend-ai-starter-recipes (or fare if installed globally) and point at your project folder.
Get adapter-native files for every IDE you selected — Cursor rules, a CLAUDE.md, Copilot instructions, Windsurf rules, or Antigravity workflows. Nothing else lands in your project.
Ship UI with agents that already know your Tailwind vs CSS Modules, Zustand vs Pinia, Playwright vs Cypress, and more.

FARE walkthrough

Next step

Jump to Try it in 2 minutes, or continue with The problem.