ski043/7-skills-workflow

• skill 1: https://lobehub.com/skills/refoundai-lenny-skills-writing-prds
• skill 2: https://github.com/mattpocock/skills/blob/main/skills/engineering/grill-with-docs/SKILL.md
• skill 3: https://mcp.directory/skills/nextjs-developer
• skill 5: https://emilkowal.ski/skill
• skill 5: https://explainx.ai/skills/cursor/plugins/deslop
• skill 6: https://www.react.doctor/
• skill 7: Please check cursor

prompt1: Use the /writing-prds to help me create a lightweight, build-ready PRD for a small product called Money Snapshot.

Money Snapshot is a manual-first personal finance dashboard. It helps users understand their current month by tracking income, expenses, recurring bills, subscriptions, and savings goals in one place.

Users should be able to add data manually and also import transactions from a simple CSV file. We are intentionally not building bank integrations, invoice uploads, OCR, financial advice, tax logic, investment tracking, auth, or a complex backend.

ask me as many questions as needed

prompt 2: Use the /grill-with-docs skill to pressure-test this PRD before implementation.

Find unclear terms, missing decisions, and product assumptions that could lead to messy code. For each issue, ask me one question at a time and give your recommended answer first.

Focus especially on transactions, bills, subscriptions, recurring items, savings goals, monthly snapshots, and CSV import.

Keep the goal simple: make the PRD clearer and more implementation-ready.

prompt 3: Use the /nextjs-developer skill to build Money Snapshot from the @prd.md and @CONTEXT.md

Implement a focused Next.js App Router MVP with a dashboard, manual transaction entry, recurring bills/subscriptions, savings goals, and CSV import with preview.

Follow modern Next.js patterns: Server Components by default, Client Components only where needed, Server Actions for mutations, proper loading/error states, and a clean production build.

prompt 4: Use the /emil-design-eng skill to polish the Money Snapshot UI.

Improve the existing app so it feels more intentional, responsive, and product-quality. Focus on hierarchy, spacing, cards, forms, buttons, empty states, subtle motion, accessibility, and removing anything that feels generic or AI-generated.

Keep the product simple. Do not redesign it from scratch.

@prd.md @CONTEXT.md

prompt 5: Use the /deslop skill to clean up the current branch.

prompt 6: # React Doctor: money-snapshot

Score: 84/100

98 issues found

WARN no-react19-deprecated-apis (×24)

forwardRef is no longer needed on React 19+ — refs are regular props on function components; remove forwardRef and pass ref directly

• src/components/ui/card.tsx:4

• src/components/ui/dialog.tsx:13

• src/components/ui/alert-dialog.tsx:12

• +6 more files

ERROR server-auth-actions (×19)

Server action “updatePlannedIncome” — add auth check (auth(), getSession(), etc.) at the top

• src/app/actions.ts:19

WARN server-sequential-independent-await (×9)