Files
multica/server/internal/agenttmpl/templates/ux-copywriter.json
Naiyuan Qing 0c4133ef5b feat(agents): rewrite template catalog as 25 lightweight starters (#2587)
* feat(agents): rewrite template catalog as 25 lightweight starters

Replaces every Phase-1 template with a curated set built around the
"persona + intake + scaffold + hard negatives" instruction shape. Cross-
platform survey (Cursor / Cline / Roo / Continue / Custom GPTs) showed
the industry baseline for starter agents is "few but sharp" — single
intent, no methodology buy-in, mostly prompt-only. The original catalog
went the opposite direction (avg 2.5 skills, six-skill Full-stack
methodology stack) and felt heavy for first-time use.

Catalog shape:

- 25 templates across 7 categories: Engineering (8), Product (4),
  Writing (5), Design (3), Communication (2), Team (1), Productivity (2).
  New Product / Design / Communication / Team domains fill gaps the old
  Eng-heavy catalog ignored.
- 16 / 25 are prompt-only (no skill fan-out). Avg 0.56 skill per template
  vs. 2.5 prior. Heaviest is 2 skills, only for templates whose intent
  cannot be expressed in instructions alone (Playwright runner, single-
  file HTML bundlers, design + UX-guidelines pair).
- Universal top-frequency intents that the old catalog missed are now
  covered: Code Explainer (intent #1 across every platform surveyed),
  Translator (中英), Summarizer, Writing Critic, PRD Drafter/Critic,
  RCA Writer, ADR Writer, PR Description Writer, Commit Message Writer.

Loader allows 0-skill templates:

- server/internal/agenttmpl/loader.go drops the "must declare at least
  one skill" validation; comment explains the picker's "Prompt only"
  rendering path.
- loader_test.go: removed the corresponding negative case, added
  TestLoadFromFS_PromptOnlyTemplate as a regression guard.
- agent_template.go handler is unchanged — every len(tmpl.Skills) call
  site was already 0-safe (empty fan-out short-circuits the fetch phase
  and the in-tx loop both skip cleanly).

Frontend:

- template-picker.tsx: 18 new lucide icons (BookOpen, Bug, GitPullRequest,
  GitCommit, AlertTriangle, Scale, ClipboardList, Microscope, UserRound,
  Target, Highlighter, Languages, AlignLeft, GraduationCap, Lightbulb,
  Type, MessageSquare, Briefcase). Card renders a "Prompt only" badge
  when skills.length === 0 instead of "0 skills".
- template-detail.tsx: skill list section is hidden entirely for prompt-
  only templates — a header reading "Includes 0 skills" above an empty
  list was just visual noise. Instructions section below carries the
  agent's identity for these.
- locales/en + zh-Hans agents.json: new create_dialog.template_card.
  prompt_only key ("Prompt only" / "纯指令").

Verification:

- go test ./internal/agenttmpl/ — 9/9 pass, including
  TestLoad_RealTemplates which fails closed if any new JSON is malformed.
- pnpm typecheck — all 6 packages clean.
- pnpm --filter @multica/views test — 482/482 pass.
- pnpm lint — 0 errors.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* feat(agents): add category filter pills to template picker

25 templates across 7 categories made the picker scroll-heavy on first
open. Add a single-select category filter row above the grid so a PM
can isolate Product templates in one click, an engineer can jump
straight to Engineering, etc.

Visual reuses the IssuesHeader scope-toggle pattern verbatim — Button
variant="outline" + active class swap (bg-accent / text-muted-foreground)
— so the affordance reads the same as the existing filter pills in
issues / squads / runtimes / my-issues. flex-wrap keeps the 8 pills
(All + 7 categories) honest on narrow widths.

Counts are inlined into the label ("Engineering (8)") rather than
shown as a separate badge — single-line-tall pills look right next to
the picker grid, and surfacing the per-category density up front
doubles as a hint at the catalog's "less but sharper" intent.

When a specific category is active, the grid renders flat (no
section headers) — the active pill already names what's on screen,
and a header reading "Engineering" above an only-Engineering grid is
visual duplication. "All" falls back to the prior grouped layout.

State is component-local (no URL sync, no persistence) since the
picker is dialog-internal transient state — closing the dialog
naturally resets the filter, which is the expected behaviour for a
"choose from a catalog" surface.

i18n: new `create_dialog.template_picker.filter_all` key in en + zh.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-14 14:12:18 +08:00

11 lines
2.4 KiB
JSON

{
"slug": "ux-copywriter",
"name": "UX Copywriter",
"description": "Writes microcopy — button labels, empty states, error messages — short, specific, actionable.",
"category": "Design",
"icon": "Type",
"accent": "success",
"instructions": "You write UX copy: button labels, empty states, error messages, form helper text, toasts, confirmations, tooltips. Reader: someone who is trying to get something done and is mildly annoyed at being interrupted.\n\nDefaults (apply to every piece of copy):\n\n1. **Verbs over nouns for actions.** `Save changes` beats `Save`. `Send invite` beats `OK`. The button text says what will happen.\n2. **Specific over generic.** `Couldn't reach the GitHub API` beats `Network error`. `Add at least one assignee` beats `Required field`.\n3. **Tell them what to do next.** Every error and empty state names the next action. \"No issues yet — create your first one\" beats \"No data\".\n4. **Cut every word that doesn't pull weight.** \"Please enter your email to continue\" → \"Email\". \"Are you sure you want to delete this?\" → \"Delete this <noun>?\".\n5. **Honest tone, not chirpy.** Don't apologize for the user's own action (\"Oops! Something went wrong!\") — state the fact and the fix. Don't use exclamation points to fake warmth.\n6. **Use sentence case for labels and buttons** unless the product convention is Title Case. \"Save changes\", not \"Save Changes\".\n\nFormats for the three most common asks:\n\n**Button label**: 1-3 words, imperative verb + noun. Bad: `Submit`. Good: `Send invite`, `Save changes`, `Delete project`.\n\n**Empty state**: title (3-5 words) + one-line explainer + primary CTA. Example:\n- *No issues yet*\n- *Create issues to track work and assign them to your team.*\n- *[New issue]*\n\n**Error message**: title (3-7 words, what went wrong) + body (1-2 sentences: cause + fix). Example:\n- *Couldn't save your changes*\n- *Your network dropped while saving. Your text is still here — try saving again.*\n\nGenerate 3-5 variants when the user asks for one. Label each variant with its tone tag: `(neutral)`, `(playful)`, `(direct)`, `(apologetic)`. Let the user pick.\n\nDo NOT: use words like \"oops\", \"whoops\", \"uh oh\", \"yay\", \"sorry about that\" (saccharine); say \"please\" (you're labeling a button, not making a request); blame the user (\"You forgot to ...\" → \"Add a name to continue\"); write copy longer than the UI element can hold; use ALL CAPS for emphasis.",
"skills": []
}