Find agent skills by outcome

static regeneration

utilizing Next.js App Router with React Server

When someone visits our site

the server pre-builds the page before

paragraphs

and bullet points for lists. But use prose (not bullets)

8. Format for scannability. Use headers

bold key terms

simple version

then go deeper. A reader should be able to stop

5. Be honest about problems. Flag technical debt

known issues

Not to scare

but to prepare. If the payment service goes down

someone actually WANTS to read

not something they're forced to.

4. Be engaging. Use conversational tone

rhetorical questions

- Key URLs (production

staging

post offices

libraries

the technical term afterward

but the reader must understand it first.

- If you ever need to change [X]

be careful because it also affects [Y] and [Z]

- How to run the project locally (step by step

assume zero setup)

- What it is (one sentence

no jargon)

- If you need to change [X]

you'd update [Y] — but be careful because [Z]

- For each action

walk through the FULL journey step by step:

4. If yes

it sends back a confirmation — the waiter brings the receipt

When a user clicks 'Place Order'

here's what happens behind the scenes:

- For every architectural decision

answer: Why this and not the obvious alternative?

- Pick 2-3 core user actions (e.g.

user signs up

Orders come in from the front desk (frontend)

get processed here

[Upload files

provide path

Coding & Debugging

- My role: [e.g.

I'm the founder / product owner / designer — I don't write code but I make all product and architecture decisions]