Studio stack

Install UI craft, product copy, App Router conventions, and a polish skill. This is the pack we would drop into a greenfield Next app on day one.

A pack of kits plus the install order that makes them work together.

Install path

Unzip the pack (this recipe expands to the kits below)

Includes

RuleFeatured
UI craft
Stop the agent from shipping generic AI interfaces.
Spacing, type, color, and layout rules that push Cursor toward interfaces a designer would keep. Scoped to UI files so it does not pollute backend work.
designfrontendtaste
RuleFeatured
Product copy
Real words. No lorem, no brochure filler.
Voice and microcopy for product UI and marketing pages. Teaches the agent to write like a person who has used the thing.
copyvoicecontent
Rule
Next.js App Router
Server Components first, client only when the browser must talk.
Conventions for Next.js 16 App Router: params, metadata, data fetching, and the line between server and client.
nextjsreactarchitecture
Rule
Accessible UI
Keyboard, contrast, names, and states that assistive tech can trust.
A compact accessibility bar for every interface the agent touches: focus, labels, dialogs, and motion.
a11yfrontendquality
Rule
Empty, loading, error
The three states that make a UI feel finished.
Forces every list, search, and async view to ship an empty state, a loading state, and a recoverable error.
uxfrontendquality
RuleFeatured
Agent voice
How Cursor should talk in this repo: direct, complete sentences, no filler.
A user-level communication rule you can keep globally. Cuts the cheerleading and the telegraphic fragments.
communicationagentquality
SkillFeatured
Anti-slop audit
Find the screens that look generated and rewrite them.
A repeatable review: generic heroes, interchangeable cards, brochure copy, and weak empty states. Use it before you call a UI done.
designreviewtaste
SkillFeatured
Polish pass
Spacing, type, focus, and copy — one tight pass.
A finishing workflow after the feature works. The agent should not invent new scope; it should make the existing UI feel considered.
designfrontendworkflow

# Studio stack

A day-one pack for a Next.js product that should not look generated.

Install order

Copy the rules into .cursor/rules/.
Copy the skills into .cursor/skills/<name>/.
Keep product-copy and agent-voice as always-on. Keep ui-craft globbed to UI files.
Paste the First product slice prompt when you start a new surface.

What this pack does not include

MCP servers, hooks, or plugins. This pack is taste and procedure — the text the agent reads.

After install

Open Agent and ask: “Read the project rules, then do a polish pass on the homepage.” You should see spacing, copy, and empty states change before architecture does.