1---2name: skills-cookbook3description: Example-prompt cookbook for the hub's skills — recipes, combos, and anti-patterns. Use when the user wants example prompts, asks how to use or combine skills (project understanding, feedback loops, product, marketing, design/frontend), or wants to reduce cognitive load while navigating the skill catalog.4---56# Skills Cookbook78Ready-to-paste prompt recipes that teach efficient use of this hub's skills — less trial-and-error, less cognitive load. Every recipe names the skills by their exact identifier, uses `<placeholders>`, and ends with a verifiable success criterion.910## How to use11121. Pick the track (below) and the recipe that matches your situation.132. Copy the prompt, fill in the `<placeholders>`.143. Paste it in chat. On non-trivial requests, the hub's standard pipeline runs on top: `senior-prompt-engineer` → `skills-selector` → `smart-dispatch`.154. Check the result against the recipe's **Success:** line before accepting it.1617## Combination rules18191. **Combine different layers, never the same layer twice.** Example: visual direction (`frontend-design`) + design data (`ui-ux-pro-max`) + compliance (`a11y-audit`) works; two aesthetics together doesn't.202. **Max ~3 skills per prompt.** More than that dilutes context and weakens all of them.213. **One aesthetic at a time.** `minimalist-ui`, `industrial-brutalist-ui`, `high-end-visual-design`, and `emil-design-eng` are mutually exclusive art directions.224. **One loop driver at a time.** `karpathy-loop`, `error-fixer-loop`, `api-test-loop`, and `chrome-qa-loop` own their cycle; chain them in sequence, never run two in parallel on the same target.235. **Name the skill exactly** in the prompt — the selector activates with far more precision.246. **Always close with a verifiable success criterion** (Karpathy: strong verifiable goals let the agent iterate independently).2526## Anti-patterns (never combine)2728| Skills | Type | Rule |29|---|---|---|30| `minimalist-ui` × `industrial-brutalist-ui` × `high-end-visual-design` × `emil-design-eng` | mutually exclusive | pick ONE art direction per screen/project |31| `design-taste-frontend` × any aesthetic above | overlap | use taste as a general baseline OR a specific aesthetic, not both |32| `feature-flag` × `feature-flags` | overlap | one-shot implementation/fix OR continuous CI tracking — pick by objective, not both as driver |33| `code-smell` × `code-smell-detector` | overlap | on-demand analysis OR continuous CI enforcement — pick by objective |34| `doc-driven-grilling` × `task-interrogator` | overlap | same base grilling; one produces docs (ADRs/glossary), the other produces tasks — fine in sequence, not as parallel drivers |35| `competitors` × `competitor-profiling` | overlap | broad market scan OR deep single-player profile |36| `webapp-testing` × `playwright` × `chrome-qa-loop` | overlap | point-in-time toolkit OR scripted E2E OR exploratory loop — pick by goal |37| `image` × `imagegen` × `brandkit` | overlap | one-off asset OR frontend imagery OR brand board |38| `caveman` × `teaching` / `learning-output-style` | conflicting goals | max compression vs. didactic — never in the same turn |39| `copywriting` × `copy-editing` | pass conflict | writing from scratch OR editing existing copy; sequential ok, simultaneous not |40| `karpathy-loop` × `error-fixer-loop` (same target) | driver conflict | one loop owns the cycle; the other enters as a step, not as driver |41| `X` × `X-advisor/-watch/-runner/-guardian/-detector` | hub-wide rule | one-shot (investigate/fix now) × continuous (CI gate) — pick by objective, never both as driver of the same pass (`async-patterns`×`async-advisor`, `bundle-analyzer`×`bundle-watch`, `load-test`×`load-test-runner`, `chaos-test`×`chaos-runner`, `a11y-audit`×`a11y-guardian`) |42| `create-plugin` × `plugin-creator` × `plugin-generator` × `skill-creator` | generator overlap | ONE generator per artifact; in this repo the canonical layout from `validate_plugins.py` wins |43| `security-best-practices` × `security-guidance` | overlap | code checklist OR contextual guidance — don't stack |44| `playwright` × `playwright-interactive` | overlap | scripted E2E OR interactive session |45| `openapi-generate` × `openapi-hub` | overlap | one-shot spec generation OR continuous multi-spec management |46| `cli-creator` × `cli-generator` | overlap | pick by target runtime (Codex-composable vs. Bun spec-first) |47| `imagegen` × `imagegen-frontend-web` / `imagegen-frontend-mobile` | overlap | general purpose OR frontend-specific — by asset purpose |4849## Combos that work5051- `frontend-design` + `ui-ux-pro-max` + `a11y-audit` — direction + data + compliance52- `image-to-code` + `ui-ux-pro-max` — screenshot → code with design tokens53- `copywriting` + `marketing-psychology` + `emails` — message + persuasion + channel54- `seo-audit` + `ai-seo` + `schema` — classic SEO + AI search + structured data (complementary, not redundant)55- `pricing` + `paywalls` + `churn-prevention` — end-to-end monetization funnel56- `product-marketing` + `launch` + `social` — positioning + launch + distribution57- `architecture-deepener` + `llm-wiki-curator` + `teaching` — understand + document + learn58- `api-test-loop` + `verification-before-completion` — validation loop + completion gate59- `chrome-qa-loop` → `bug-diagnostics` → `error-fixer-loop` — finding → diagnosis → fix sequence (never simultaneous)60- `karpathy-guidelines` + `karpathy-recipe` + `karpathy-loop` — principles always, recipe for large work, loop for metrics (complementary)61- `vercel-react-best-practices` + `vercel-optimize` + `bundle-analyzer` — patterns + vitals + bundle weight62- `openapi-generate` + `postman-generator` + `api-test-loop` — spec → collection → live validation63- `db-index-advisor` + `supabase-postgres-best-practices` — correct index on correct modeling64- `code-review-expert` + `commit-quality` + `pr-review-canvas` — review + hygiene + presentation65- `notion-spec-to-implementation` + `doc-driven-grilling` — spec grilled before it becomes code66- `decision-design` + `type-safe-contracts` + `token-benchmark` — define → validate → measure typed decisions6768## Tracks6970| Track | Sub-skill | Focus |71|---|---|---|72| Project understanding | [prompts-project-understanding](skills/prompts-project-understanding/SKILL.md) | cut cognitive load: architecture, wiki, guided learning, spec grilling |73| Feedback loops | [prompts-feedback-loops](skills/prompts-feedback-loops/SKILL.md) | continuous validation: API, exploratory QA, error fixing, optimization |74| Product | [prompts-product](skills/prompts-product/SKILL.md) | positioning, monetization, onboarding, launch, user feedback |75| Marketing | [prompts-marketing](skills/prompts-marketing/SKILL.md) | copy, SEO + AI search, email, social, brand |76| Design & Frontend | [prompts-design-frontend](skills/prompts-design-frontend/SKILL.md) | visual direction, aesthetics, screenshot-to-code, accessibility |77| Karpathy method | [prompts-karpathy](skills/prompts-karpathy/SKILL.md) | guidelines, recipe for large work, principle-based review, metric loop |78| Vercel & React | [prompts-vercel-react](skills/prompts-vercel-react/SKILL.md) | best practices, optimization, composition, view transitions, RN/Expo, deploy |79| Engineering quality | [prompts-engineering-quality](skills/prompts-engineering-quality/SKILL.md) | PR review, async, database, threat model, load/chaos, i18n |80| APIs & CLIs | [prompts-apis-clis](skills/prompts-apis-clis/SKILL.md) | OpenAPI, Postman, agent-friendly CLIs, CLI wrapping |81| Mobile & Release | [prompts-mobile-release](skills/prompts-mobile-release/SKILL.md) | iOS/Android go/no-go, App Store Connect, Play API, ASO |82| Data & Backend | [prompts-data-backend](skills/prompts-data-backend/SKILL.md) | Supabase/Postgres, Firebase, database decisions, incidents |83| Knowledge & Notion | [prompts-knowledge-notion](skills/prompts-knowledge-notion/SKILL.md) | decision capture, meetings, research docs, spec-to-code, persistent learning |84| Typed decisions | [prompts-typed-decisions](skills/prompts-typed-decisions/SKILL.md) | provider-neutral decision patterns, contracts, uncertainty routing, token/cost evidence |85| Meta-harness | [prompts-meta-harness](skills/prompts-meta-harness/SKILL.md) | decision-native pipeline, portable subagents, authoring, hooks, migration, tokens |86| A–Z index | [prompts-catalog-index](skills/prompts-catalog-index/SKILL.md) | every plugin in the hub with a one-line when-to-use hint |8788## Guardrails8990- All prose — recipes, hints, headers — is written in English, matching this project's language policy. Skill identifiers are always exact.91- The cookbook points and teaches — it does not replicate the content of the target skills.92- Every skill cited exists in this repo's `plugins/`; if a recipe cites something that no longer exists, the recipe is broken and must be fixed.