6 6
7> 複製貼上提示詞供 Claude Code 使用，按任務和角色標記。7> 複製貼上提示詞供 Claude Code 使用，按任務和角色標記。
8 8
9export const PromptLibrary = ({text = {}, labels = {}, tagLabels = {}, phaseLabels = {}, sourceLabels = {}, catLabels = {}}) => {
10 const RAW = useMemo(() => [{
11 id: 'get-oriented-in-a',
12 sdlc: 'discover',
13 cat: 'Onboard',
14 startN: 1,
15 roles: [],
16 prompt: 'give me an overview of this codebase: architecture, key directories, and how the pieces connect',
17 nextHref: '/en/memory',
18 src: 'workflows'
19 }, {
20 id: 'explain-unfamiliar-code',
21 sdlc: 'discover',
22 cat: 'Understand',
23 roles: [],
24 prompt: 'explain what {path} does and how data flows through it. write it up as {format}',
25 slots: {
26 path: 'src/scheduler/queue.ts',
27 format: 'an HTML page with a diagram, then open it in my browser'
28 },
29 nextHref: '/en/output-styles',
30 src: 'workflows'
31 }, {
32 id: 'find-where-something-happens',
33 sdlc: 'discover',
34 cat: 'Understand',
35 startN: 2,
36 roles: [],
37 prompt: 'where do we {behavior}?',
38 slots: {
39 behavior: 'validate uploaded file types'
40 },
41 src: 'workflows'
42 }, {
43 id: 'see-what-depends-on',
44 sdlc: 'discover',
45 cat: 'Understand',
46 roles: [],
47 prompt: 'what would break if I deleted {target}?',
48 slots: {
49 target: 'the retryWithBackoff helper'
50 },
51 src: 'workflows'
52 }, {
53 id: 'trace-how-code-evolved',
54 sdlc: 'discover',
55 cat: 'Understand',
56 roles: [],
57 prompt: 'look through the commit history of {path} and summarize how it evolved and why',
58 slots: {
59 path: 'internal/auth/session.go'
60 },
61 src: 'best-practices'
62 }, {
63 id: 'scope-a-change-before',
64 sdlc: 'discover',
65 cat: 'Understand',
66 roles: ['pm', 'design'],
67 prompt: 'which files would I need to touch to {change}?',
68 slots: {
69 change: 'add a dark mode toggle to settings'
70 },
71 src: 'teams'
72 }, {
73 id: 'ask-the-codebase-a',
74 sdlc: 'discover',
75 cat: 'Understand',
76 roles: ['pm'],
77 prompt: 'I am a {role}. walk me through what happens when a user {action}, from the UI down to the result',
78 slots: {
79 role: 'PM',
80 action: 'clicks Export to PDF'
81 },
82 nextHref: '/en/output-styles',
83 src: 'teams'
84 }, {
85 id: 'plan-a-multi-file',
86 sdlc: 'design',
87 cat: 'Plan',
88 roles: ['pm', 'design'],
89 prompt: 'plan how to refactor the {target} to {goal}. list the files you would change, but don\'t edit anything yet',
90 slots: {
91 target: 'payment module',
92 goal: 'support multiple currencies'
93 },
94 src: 'workflows'
95 }, {
96 id: 'draft-a-spec-by',
97 sdlc: 'design',
98 cat: 'Plan',
99 roles: ['pm'],
100 prompt: 'I want to build {feature}. interview me about implementation, UX, edge cases, and tradeoffs until we have covered everything, then write the spec to SPEC.md',
101 slots: {
102 feature: 'per-workspace rate limits'
103 },
104 nextHref: '/en/skills',
105 src: 'best-practices'
106 }, {
107 id: 'turn-a-meeting-into',
108 sdlc: 'design',
109 cat: 'Plan',
110 roles: ['pm'],
111 prompt: 'read {input} and write up the action items, then create a {tracker} ticket for each with acceptance criteria',
112 slots: {
113 input: '@meeting-notes.md',
114 tracker: 'Linear'
115 },
116 needs: 'tracker',
117 nextHref: '/en/skills',
118 src: 'teams'
119 }, {
120 id: 'map-edge-cases-before',
121 sdlc: 'design',
122 cat: 'Plan',
123 roles: ['design', 'pm'],
124 prompt: 'list the error states, empty states, and edge cases for {feature} that the design needs to cover',
125 slots: {
126 feature: 'the file upload flow'
127 },
128 src: 'teams'
129 }, {
130 id: 'turn-a-mockup-into',
131 sdlc: 'design',
132 cat: 'Prototype',
133 roles: ['design', 'pm', 'marketing'],
134 paste: 'mockup',
135 prompt: 'here is a mockup. build a working prototype I can click through, matching the layout and states shown',
136 src: 'teams'
137 }, {
138 id: 'implement-from-a-screenshot',
139 sdlc: 'design',
140 cat: 'Prototype',
141 roles: ['design'],
142 paste: 'design',
143 needs: 'browser',
144 prompt: 'implement this design, then take a screenshot of the result, compare it to the original, and fix any differences',
145 nextHref: '/en/goal',
146 src: 'best-practices'
147 }, {
148 id: 'follow-an-existing-pattern',
149 sdlc: 'build',
150 cat: 'Implement',
151 roles: [],
152 prompt: 'look at how {example} is implemented to understand the pattern, then build {new} the same way',
153 slots: {
154 example: 'the GitHub webhook handler',
155 new: 'a Stripe webhook handler'
156 },
157 nextHref: '/en/memory',
158 src: 'best-practices'
159 }, {
160 id: 'generate-docs-for-code',
161 sdlc: 'build',
162 cat: 'Implement',
163 roles: ['docs'],
164 prompt: 'find {scope} without {format} comments and add them, matching the style already used in the file',
165 slots: {
166 scope: 'the public functions in src/auth/',
167 format: 'JSDoc'
168 },
169 src: 'workflows'
170 }, {
171 id: 'add-a-small-well',
172 sdlc: 'build',
173 cat: 'Implement',
174 roles: [],
175 prompt: 'add a {endpoint} endpoint that returns {payload}',
176 slots: {
177 endpoint: '/health',
178 payload: 'the app version and uptime'
179 },
180 src: 'workflows'
181 }, {
182 id: 'build-a-small-internal',
183 sdlc: 'build',
184 cat: 'Implement',
185 roles: ['pm', 'design', 'marketing', 'docs'],
186 prompt: 'create a {tool} using HTML, CSS, and vanilla JavaScript, then open it in my browser',
187 slots: {
188 tool: 'drag-and-drop Kanban board with three columns'
189 },
190 src: 'teams'
191 }, {
192 id: 'work-an-issue-end',
193 sdlc: 'build',
194 cat: 'Implement',
195 roles: [],
196 prompt: 'read issue #{issue}, implement the fix, and run the tests',
197 slots: {
198 issue: '312'
199 },
200 needs: 'gh',
201 src: 'workflows'
202 }, {
203 id: 'find-and-update-copy',
204 sdlc: 'build',
205 cat: 'Implement',
206 roles: ['design', 'docs', 'marketing'],
207 prompt: 'find every place we say "{copy}" or a close variant, show me each one in context, then update them all to "{new}". leave tests and the changelog alone',
208 slots: {
209 copy: 'Sign up free',
210 new: 'Start free trial'
211 },
212 src: 'teams'
213 }, {
214 id: 'draft-from-past-examples',
215 sdlc: 'build',
216 cat: 'Implement',
217 roles: ['docs', 'marketing', 'pm'],
218 prompt: 'read the {examples} in {folder} to learn the structure and voice, then draft a new one for {topic}',
219 slots: {
220 examples: 'privacy impact assessments',
221 folder: 'legal/pia/',
222 topic: 'the new analytics integration'
223 },
224 nextHref: '/en/skills',
225 src: 'legal'
226 }, {
227 id: 'write-tests-run-them',
228 sdlc: 'build',
229 cat: 'Test',
230 startN: 4,
231 roles: [],
232 prompt: 'write tests for {path}, run them, and fix any failures',
233 slots: {
234 path: 'app/parsers/feed.py'
235 },
236 nextHref: '/en/memory',
237 src: 'workflows'
238 }, {
239 id: 'drive-implementation-from-tests',
240 sdlc: 'build',
241 cat: 'Test',
242 roles: [],
243 prompt: 'write tests for {feature} first, then implement it until they pass',
244 slots: {
245 feature: 'the password reset flow'
246 },
247 src: 'ebook'
248 }, {
249 id: 'fill-gaps-from-a',
250 sdlc: 'build',
251 cat: 'Test',
252 roles: [],
253 prompt: 'read {report} and add tests for the lowest-covered files until each is above {target}%',
254 slots: {
255 report: 'coverage/coverage-summary.json',
256 target: '80'
257 },
258 nextHref: '/en/goal',
259 src: 'workflows'
260 }, {
261 id: 'migrate-a-pattern-across',
262 sdlc: 'build',
263 cat: 'Refactor',
264 roles: [],
265 prompt: 'migrate everything from {from} to {to}: identify every place that needs to change, then make the changes',
266 slots: {
267 from: 'the old logging API',
268 to: 'the structured logger'
269 },
270 src: 'workflows'
271 }, {
272 id: 'port-code-between-languages',
273 sdlc: 'build',
274 cat: 'Refactor',
275 roles: [],
276 prompt: 'port {source} to {target}, keeping the same {keep}',
277 slots: {
278 source: 'this Python module',
279 target: 'Rust',
280 keep: 'public API and test behavior'
281 },
282 src: 'teams'
283 }, {
284 id: 'optimize-against-a-measurable',
285 sdlc: 'build',
286 cat: 'Refactor',
287 roles: ['data'],
288 prompt: 'optimize {target} to bring {metric} from {current} down to under {goal}',
289 slots: {
290 target: 'the search query',
291 metric: 'p95 latency',
292 current: '2s',
293 goal: '500ms'
294 },
295 nextHref: '/en/goal',
296 src: 'ebook'
297 }, {
298 id: 'fix-a-precise-visual',
299 sdlc: 'build',
300 cat: 'Refactor',
301 roles: ['design'],
302 prompt: 'the {element} extends {amount} beyond the {container} on {viewport}. fix it.',
303 slots: {
304 element: 'login button',
305 amount: '20px',
306 container: 'card border',
307 viewport: 'mobile'
308 },
309 nextHref: '/en/desktop#preview-your-app',
310 src: 'ebook'
311 }, {
312 id: 'review-your-changes-before',
313 sdlc: 'build',
314 cat: 'Review',
315 startN: 5,
316 roles: [],
317 prompt: 'review my uncommitted changes and flag anything that looks risky before I commit',
318 nextHref: '/en/commands',
319 src: 'workflows'
320 }, {
321 id: 'review-a-pull-request',
322 sdlc: 'build',
323 cat: 'Review',
324 roles: [],
325 prompt: 'review PR #{pr} and summarize what changed, then list any concerns',
326 slots: {
327 pr: '247'
328 },
329 needs: 'gh',
330 nextHref: '/en/code-review',
331 src: 'workflows'
332 }, {
333 id: 'review-infrastructure-changes-before',
334 sdlc: 'build',
335 cat: 'Review',
336 roles: ['security', 'ops'],
337 paste: 'plan',
338 prompt: 'here is my Terraform plan output. what is this going to do, and is anything here going to cause problems?',
339 src: 'teams'
340 }, {
341 id: 'run-a-security-review',
342 sdlc: 'build',
343 cat: 'Review',
344 roles: ['security'],
345 prompt: 'use a subagent to review {path} for security issues and report what it finds',
346 slots: {
347 path: 'src/api/'
348 },
349 nextHref: '/en/sub-agents',
350 src: 'best-practices'
351 }, {
352 id: 'review-content-before-sending',
353 sdlc: 'build',
354 cat: 'Review',
355 roles: ['marketing', 'docs'],
356 prompt: 'review {file} for {concerns} and list anything I should fix before it goes to {reviewer}',
357 slots: {
358 file: 'launch-post.md',
359 concerns: 'unsupported claims, missing attributions, and brand-guideline issues',
360 reviewer: 'legal'
361 },
362 nextHref: '/en/skills',
363 src: 'legal'
364 }, {
365 id: 'course-correct-a-wrong',
366 sdlc: 'build',
367 cat: 'Steer',
368 roles: [],
369 prompt: 'that is not right: {feedback}. try a different approach',
370 slots: {
371 feedback: 'the function signature needs to stay backward-compatible'
372 },
373 nextHref: '/en/checkpointing',
374 src: 'best-practices'
375 }, {
376 id: 'narrow-the-scope-of',
377 sdlc: 'build',
378 cat: 'Steer',
379 roles: [],
380 prompt: 'that is too much. keep only the changes to {scope} and undo your other edits',
381 slots: {
382 scope: 'the validation logic in src/forms/'
383 },
384 src: 'best-practices'
385 }, {
386 id: 'turn-a-correction-into',
387 sdlc: 'build',
388 cat: 'Steer',
389 roles: [],
390 prompt: 'you keep {mistake}. add a rule to CLAUDE.md so this stops happening',
391 slots: {
392 mistake: 'using default exports when this project uses named exports'
393 },
394 nextHref: '/en/memory',
395 src: 'best-practices'
396 }, {
397 id: 'resolve-merge-conflicts',
398 sdlc: 'ship',
399 cat: 'Git',
400 roles: [],
401 prompt: 'resolve the merge conflicts in this branch and explain what you kept from each side',
402 src: 'workflows'
403 }, {
404 id: 'commit-with-a-generated',
405 sdlc: 'ship',
406 cat: 'Git',
407 roles: [],
408 prompt: 'commit these changes with a message that summarizes what I did',
409 src: 'workflows'
410 }, {
411 id: 'open-a-pull-request',
412 sdlc: 'ship',
413 cat: 'Git',
414 roles: [],
415 prompt: 'find the {tracker} ticket about {topic} and open a PR that implements it',
416 slots: {
417 tracker: 'Linear',
418 topic: 'the login timeout'
419 },
420 needs: 'tracker',
421 src: 'workflows'
422 }, {
423 id: 'draft-release-notes-from',
424 sdlc: 'ship',
425 cat: 'Release',
426 roles: ['pm', 'docs', 'marketing'],
427 prompt: 'compare {from} to {to} and draft release notes grouped by feature, fix, and breaking change',
428 slots: {
429 from: 'v2.3.0',
430 to: 'v2.4.0'
431 },
432 nextHref: '/en/skills',
433 src: 'workflows'
434 }, {
435 id: 'write-a-ci-workflow',
436 sdlc: 'ship',
437 cat: 'Release',
438 roles: ['ops'],
439 prompt: 'write a GitHub Actions workflow that {steps} on every push to {branch}',
440 slots: {
441 steps: 'runs the tests and deploys to staging',
442 branch: 'main'
443 },
444 src: 'workflows'
445 }, {
446 id: 'find-and-fix-a',
447 sdlc: 'operate',
448 cat: 'Debug',
449 startN: 3,
450 roles: [],
451 prompt: 'the {test} test is failing, find out why and fix it',
452 slots: {
453 test: 'UserAuth'
454 },
455 src: 'workflows'
456 }, {
457 id: 'investigate-a-reported-error',
458 sdlc: 'operate',
459 cat: 'Debug',
460 roles: ['ops'],
461 prompt: 'users are seeing {symptom} on {where}. investigate and tell me what is going on',
462 slots: {
463 symptom: '500 errors',
464 where: '/api/settings'
465 },
466 nextHref: '/en/web-quickstart#pre-fill-sessions',
467 src: 'workflows'
468 }, {
469 id: 'fix-a-build-error',
470 sdlc: 'operate',
471 cat: 'Debug',
472 roles: ['ops'],
473 paste: 'error',
474 prompt: 'here is a build error. fix the root cause and verify the build succeeds',
475 src: 'best-practices'
476 }, {
477 id: 'investigate-a-production-incident',
478 sdlc: 'operate',
479 cat: 'Incident',
480 roles: ['ops', 'security'],
481 prompt: '{symptom}. check the logs, recent deploys, and config changes, then tell me the most likely cause',
482 slots: {
483 symptom: 'the checkout endpoint started returning 500s an hour ago'
484 },
485 nextHref: '/en/mcp',
486 src: 'workflows'
487 }, {
488 id: 'diagnose-from-a-console',
489 sdlc: 'operate',
490 cat: 'Incident',
491 roles: ['ops', 'data'],
492 paste: 'screenshot',
493 prompt: 'here is a screenshot of {console}. walk me through why {resource} is failing and give me the exact commands to fix it',
494 slots: {
495 console: 'the GCP Kubernetes dashboard',
496 resource: 'this pod'
497 },
498 src: 'teams'
499 }, {
500 id: 'query-logs-in-plain',
501 sdlc: 'operate',
502 cat: 'Incident',
503 roles: ['security', 'ops', 'data'],
504 prompt: 'show me all {events} for {scope} over {timeframe}. write the query, run it, and tell me what stands out',
505 slots: {
506 events: 'failed logins',
507 scope: 'the auth service',
508 timeframe: 'the past 24 hours'
509 },
510 needs: 'db',
511 src: 'cybersecurity'
512 }, {
513 id: 'analyze-a-data-file',
514 sdlc: 'operate',
515 cat: 'Data',
516 roles: ['data', 'pm', 'marketing'],
517 paste: 'csv',
518 prompt: 'read {file}, summarize the key patterns, and write the results to {output}',
519 slots: {
520 file: '@reports/q1-signups.csv',
521 output: 'an HTML page with charts, then open it in my browser'
522 },
523 nextHref: '/en/mcp',
524 src: 'teams'
525 }, {
526 id: 'generate-variations-from-performance',
527 sdlc: 'operate',
528 cat: 'Data',
529 roles: ['marketing', 'data'],
530 paste: 'csv',
531 prompt: 'read {file}, find the underperforming {items}, and generate {n} new variations that stay under {limit} characters',
532 slots: {
533 file: '@ads-performance.csv',
534 items: 'headlines',
535 n: '20',
536 limit: '90'
537 },
538 nextHref: '/en/mcp',
539 src: 'teams'
540 }, {
541 id: 'turn-a-recurring-task',
542 sdlc: 'operate',
543 cat: 'Automate',
544 roles: [],
545 prompt: 'create a /{name} skill for this project that {steps}',
546 slots: {
547 name: 'ship',
548 steps: 'runs the linter and tests, then drafts a commit message'
549 },
550 src: 'workflows'
551 }, {
552 id: 'add-a-hook-for',
553 sdlc: 'operate',
554 cat: 'Automate',
555 roles: [],
556 prompt: 'write a hook that {action} after every {event}',
557 slots: {
558 action: 'runs prettier',
559 event: 'edit to a .ts or .tsx file'
560 },
561 src: 'best-practices'
562 }, {
563 id: 'connect-a-tool-with',
564 sdlc: 'operate',
565 cat: 'Automate',
566 roles: [],
567 prompt: 'set up the {server} MCP server so you can read my {data} directly',
568 slots: {
569 server: 'Sentry',
570 data: 'error reports'
571 },
572 src: 'workflows'
573 }, {
574 id: 'capture-what-to-remember',
575 sdlc: 'operate',
576 cat: 'Automate',
577 roles: ['pm', 'docs'],
578 prompt: 'summarize what we did this session and suggest what to add to CLAUDE.md',
579 src: 'teams'
580 }], []);
581 const PROMPTS = useMemo(() => {
582 if (typeof window !== 'undefined') {
583 const rawIds = new Set(RAW.map(p => p.id));
584 RAW.forEach(p => {
585 if (!text[p.id]) console.warn('[prompt-library] no text[] entry for id:', p.id);
586 });
587 Object.keys(text).forEach(k => {
588 if (!rawIds.has(k)) console.warn('[prompt-library] orphaned text[] key:', k);
589 });
590 }
591 return RAW.map(p => ({
592 ...p,
593 title: p.id,
594 teaches: '',
595 ...text[p.id] || ({})
596 }));
597 }, [RAW, text]);
598 const L = labels;
599 const TL = k => tagLabels[k] || k;
600 const CAT_TAG = useMemo(() => ({
601 Onboard: 'understand',
602 Understand: 'understand',
603 Plan: 'plan',
604 Prototype: 'prototype',
605 Implement: 'build',
606 Test: 'test',
607 Refactor: 'refactor',
608 Review: 'review',
609 Steer: 'steer',
610 Git: 'git',
611 Release: 'release',
612 Debug: 'debug',
613 Incident: 'debug',
614 Data: 'data',
615 Automate: 'automate'
616 }), []);
617 const TAGS = useMemo(() => ['understand', 'plan', 'prototype', 'build', 'test', 'refactor', 'review', 'steer', 'debug', 'git', 'release', 'data', 'automate', 'pm', 'design', 'docs', 'marketing', 'security', 'ops'], []);
618 const tagsOf = p => [CAT_TAG[p.cat], ...p.roles || []];
619 const doc = useMemo(() => {
620 const p = typeof window !== 'undefined' ? window.location.pathname : '';
621 const base = p.startsWith('/docs/') ? '/docs' : '';
622 const m = p.slice(base.length).match(/^\/([a-z]{2}(?:-[A-Z]{2})?)\//);
623 const locale = m ? m[1] : 'en';
624 return href => {
625 if (!href || href[0] !== '/' || href[1] === '/') return href;
626 return base + (href.startsWith('/en/') ? '/' + locale + href.slice(3) : href);
627 };
628 }, []);
629 const linkify = s => {
630 const out = [];
631 let last = 0;
632 const re = /\[([^\]]+)\]\(([^)]+)\)/g;
633 for (let m; m = re.exec(s); ) {
634 if (m.index > last) out.push(s.slice(last, m.index));
635 out.push(<a key={m.index} href={doc(m[2])}>{m[1]}</a>);
636 last = re.lastIndex;
637 }
638 if (last < s.length) out.push(s.slice(last));
639 return out;
640 };
641 const codeify = s => s.split(/(`[^`]+`)/g).map((part, i) => part[0] === '`' ? <code key={i}>{part.slice(1, -1)}</code> : part);
642 const SOURCES = useMemo(() => ({
643 'workflows': '/en/common-workflows',
644 'teams': 'https://claude.com/blog/how-anthropic-teams-use-claude-code',
645 'legal': 'https://claude.com/blog/how-anthropic-uses-claude-legal',
646 'cybersecurity': 'https://claude.com/blog/how-anthropic-uses-claude-cybersecurity',
647 'best-practices': '/en/best-practices',
648 'ebook': 'https://resources.anthropic.com/hubfs/Scaling%20agentic%20coding%20across%20your%20organization.pdf'
649 }), []);
650 const [mounted, setMounted] = useState(false);
651 const [q, setQ] = useState('');
652 const [start, setStart] = useState(true);
653 const [sel, setSel] = useState(null);
654 const [openId, setOpenId] = useState(null);
655 const [copied, setCopied] = useState(null);
656 const [fills, setFills] = useState({});
657 const copyTimer = useRef(null);
658 useEffect(() => {
659 setMounted(true);
660 return () => clearTimeout(copyTimer.current);
661 }, []);
662 const setFill = (id, key, val) => setFills(f => ({
663 ...f,
664 [id + '.' + key]: val
665 }));
666 const fillOf = (p, key) => {
667 const v = fills[p.id + '.' + key];
668 return v !== undefined ? v : p.slots && p.slots[key] !== undefined ? p.slots[key] : '';
669 };
670 const assemble = p => p.prompt.replace(/\{(\w+)\}/g, (_, k) => fillOf(p, k) || p.slots && p.slots[k] || k);
671 const preview = p => p.prompt.replace(/\{(\w+)\}/g, (_, k) => p.slots && p.slots[k] || k);
672 const bodyText = p => preview(p) + ' ' + p.teaches.replace(/\[([^\]]+)\]\([^)]+\)/g, '$1') + ' ' + (p.next || '');
673 const widthFor = s => (s || '').length + 3 + 'ch';
674 const ql = q.trim().toLowerCase();
675 const toggleTag = k => {
676 setStart(false);
677 setSel(s => !ql && s === k ? null : k);
678 };
679 const clear = () => {
680 setStart(false);
681 setSel(null);
682 setQ('');
683 };
684 const results = useMemo(() => {
685 const list = PROMPTS.filter(p => {
686 if (ql) return p.title.toLowerCase().includes(ql) || bodyText(p).toLowerCase().includes(ql);
687 if (start) return !!p.startN;
688 if (sel) return tagsOf(p).includes(sel);
689 return true;
690 });
691 if (ql) return list;
692 if (start) return list.sort((a, b) => a.startN - b.startN);
693 if (sel) return list.sort((a, b) => (a.roles || []).length - (b.roles || []).length || (b.sdlc === 'operate') - (a.sdlc === 'operate'));
694 return list;
695 }, [PROMPTS, ql, start, sel]);
696 const matchSnippet = p => {
697 if (!ql || p.title.toLowerCase().includes(ql)) return null;
698 const txt = bodyText(p);
699 const at = txt.toLowerCase().indexOf(ql);
700 if (at < 0) return null;
701 const lo = Math.max(0, at - 30), hi = Math.min(txt.length, at + ql.length + 50);
702 return [lo > 0 ? '…' : '', txt.slice(lo, at), <mark key="m">{txt.slice(at, at + ql.length)}</mark>, txt.slice(at + ql.length, hi), hi < txt.length ? '…' : ''];
703 };
704 const grouped = useMemo(() => {
705 if (start && !q.trim()) return [];
706 const g = {};
707 for (const p of results) {
708 const key = p.sdlc + '|' + p.cat;
709 (g[key] = g[key] || ({
710 sdlc: p.sdlc,
711 cat: p.cat,
712 items: []
713 })).items.push(p);
714 }
715 return Object.values(g);
716 }, [results, start, q]);
717 const copy = async (str, id) => {
718 try {
719 await navigator.clipboard.writeText(str);
720 } catch {
721 const ta = document.createElement('textarea');
722 ta.value = str;
723 ta.setAttribute('readonly', '');
724 ta.style.position = 'fixed';
725 ta.style.opacity = '0';
726 document.body.appendChild(ta);
727 ta.select();
728 document.execCommand('copy');
729 document.body.removeChild(ta);
730 }
731 clearTimeout(copyTimer.current);
732 setCopied(id);
733 copyTimer.current = setTimeout(() => setCopied(null), 1600);
734 };
735 const promptBody = p => {
736 if (!p.slots) return <code>{p.prompt}</code>;
737 const parts = p.prompt.split(/(\{\w+\})/g);
738 return <code>
739 {parts.map((part, idx) => {
740 const m = part.match(/^\{(\w+)\}$/);
741 if (!m) return <span key={idx}>{part}</span>;
742 const k = m[1];
743 const val = fillOf(p, k);
744 return <input key={idx} type="text" className="pl-slot" value={val} placeholder={p.slots[k] || k} aria-label={k} style={{
745 width: widthFor(val || p.slots[k])
746 }} onChange={e => setFill(p.id, k, e.target.value)} onFocus={e => e.target.select()} onClick={e => e.stopPropagation()} />;
747 })}
748 </code>;
749 };
750 const card = p => {
751 const open = openId === p.id;
752 const srcHref = SOURCES[p.src];
753 const srcLabel = sourceLabels[p.src];
754 const snip = matchSnippet(p);
755 return <div key={p.id} className={'pl-card' + (open ? ' pl-open' : '')}>
756 <button type="button" className="pl-head" onClick={() => setOpenId(open ? null : p.id)} aria-expanded={open}>
757 <span className="pl-title">{p.title}</span>
758 {!!p.startN && <span className="pl-chip">{L.startHere} · {p.startN}</span>}
759 </button>
760 {snip ? <div className="pl-match">{snip}</div> : <code className="pl-prompt-preview">{preview(p)}</code>}
761 {open && <div className="pl-body">
762 <div className="pl-label">{p.slots ? L.fillAndCopy : L.copyThis}</div>
763 {p.needs && L.needs && L.needs[p.needs] && <div className="pl-hint pl-needs">
764 <span className="pl-needs-label">{L.needsLabel}</span> {linkify(L.needs[p.needs])}
765 </div>}
766 {p.paste && L.paste && L.paste[p.paste] && <div className="pl-hint pl-paste">{L.paste[p.paste]}</div>}
767 {p.slots && <div className="pl-hint">
768 {L.hintBefore} <span className="pl-hint-chip">{L.hintChip}</span> {L.hintAfter}
769 </div>}
770 <div className="pl-prompt-box">
771 <span className="pl-caret">{'❯'}</span>
772 {promptBody(p)}
773 <button type="button" className="pl-copy" onClick={() => copy(assemble(p), p.id)}>
774 {copied === p.id ? L.copied : L.copy}
775 </button>
776 </div>
777 <div className="pl-label">{L.whyWorks}</div>
778 <div className="pl-teaches">{linkify(p.teaches)}</div>
779 {p.nextHref && p.next && <div className="pl-next">
780 <span className="pl-next-label">{L.makeItStick}</span>
781 <a href={doc(p.nextHref)}>{codeify(p.next)} →</a>
782 </div>}
783 {srcLabel && <div className="pl-src">{L.from} {srcHref ? <a href={doc(srcHref)}>{srcLabel}</a> : srcLabel}</div>}
784 </div>}
785 </div>;
786 };
787 const STYLES = useMemo(() => `
788.pl {
789 --pl-accent: #D97757;
790 --pl-accent-bg: rgba(217,119,87,0.07);
791 --pl-bg: #fff;
792 --pl-surface: #FAFAF7;
793 --pl-border: #E8E6DC;
794 --pl-border-subtle: rgba(31,30,29,0.08);
795 --pl-text: #141413;
796 --pl-text-2: #5E5D59;
797 --pl-text-3: #73726C;
798 --pl-text-4: #9C9A92;
799 --pl-mono: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
800 font-family: 'Anthropic Sans', -apple-system, BlinkMacSystemFont, sans-serif;
801 font-size: 16px; color: var(--pl-text); margin: 8px 0 32px;
802}
803.dark .pl {
804 --pl-bg: #1f1e1d;
805 --pl-surface: #262624;
806 --pl-border: #3d3d3a;
807 --pl-border-subtle: rgba(240,238,230,0.08);
808 --pl-text: #f0eee6;
809 --pl-text-2: #bfbdb4;
810 --pl-text-3: #91908a;
811 --pl-text-4: #73726c;
812}
813.pl *, .pl *::before, .pl *::after { box-sizing: border-box; }
814.pl button { font-family: inherit; cursor: pointer; }
815.pl a { color: var(--pl-accent); text-decoration: none; }
816.pl a:hover { text-decoration: underline; }
817
818.pl-search {
819 display: flex; align-items: center; gap: 10px;
820 padding: 14px 18px; background: var(--pl-surface);
821 border: 1px solid var(--pl-border); border-radius: 12px;
822 margin-bottom: 14px;
823}
824.pl-search input {
825 flex: 1; border: none; outline: none; background: transparent;
826 font-size: 16px; color: var(--pl-text);
827}
828.pl-search input::placeholder { color: var(--pl-text-4); }
829
830.pl-tags { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 18px; }
831.pl-tag {
832 padding: 7px 14px; border: 1px solid var(--pl-border); background: var(--pl-bg);
833 font-size: 14px; color: var(--pl-text-2); border-radius: 999px;
834}
835.pl-tag:hover { background: var(--pl-surface); }
836.pl-tag.pl-on { background: var(--pl-text); border-color: var(--pl-text); color: var(--pl-bg); }
837.pl-tag.pl-start { color: var(--pl-accent); font-weight: 500; }
838.pl-tag.pl-start.pl-on { background: var(--pl-accent); border-color: var(--pl-accent); color: #fff; }
839.pl-tags.pl-dim .pl-tag { opacity: 0.5; }
840.pl-tags.pl-dim .pl-tag:hover { opacity: 1; }
841.pl-sep { width: 1px; height: 22px; background: var(--pl-border); margin: 0 4px; }
842.pl-clear { border: none; background: none; font-size: 13px; color: var(--pl-text-4); padding: 4px 6px; }
843.pl-clear:hover { color: var(--pl-text-2); }
844.pl-count { margin-left: auto; font-size: 14px; color: var(--pl-text-4); }
845
846.pl-group-h {
847 font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;
848 color: var(--pl-text-4); margin: 24px 0 12px;
849}
850.pl-group-h .pl-phase { color: var(--pl-text-3); }
851.pl-card {
852 border: 1px solid var(--pl-border-subtle); border-radius: 10px;
853 margin-bottom: 12px; background: var(--pl-bg); overflow: hidden;
854 padding: 14px 18px;
855}
856.pl-card.pl-open { border-color: var(--pl-border); background: var(--pl-surface); }
857.pl-head {
858 width: 100%; display: flex; align-items: baseline; gap: 12px;
859 border: none; background: transparent; text-align: left; padding: 0;
860}
861.pl-head:focus-visible { outline: 2px solid var(--pl-accent); outline-offset: 2px; border-radius: 6px; }
862.pl-title {
863 flex: 1; font-size: 17px; font-weight: 500; color: var(--pl-text);
864 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
865}
866.pl-prompt-preview {
867 display: block; font-family: var(--pl-mono); font-size: 13.5px; color: var(--pl-text-3);
868 margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
869}
870.pl-chip {
871 font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase;
872 padding: 3px 9px; border-radius: 999px; flex-shrink: 0;
873 background: var(--pl-accent-bg); color: var(--pl-accent);
874}
875
876.pl-body { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--pl-border-subtle); }
877.pl-label {
878 font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase;
879 color: var(--pl-text-4); margin: 12px 0 8px;
880}
881.pl-prompt-box {
882 display: flex; align-items: center; gap: 10px;
883 padding: 14px 16px; background: #141413; color: #f0eee6;
884 border-radius: 8px; font-family: var(--pl-mono); font-size: 15px;
885}
886.pl-caret { color: var(--pl-accent); flex-shrink: 0; }
887.pl-prompt-box code { flex: 1; background: none; padding: 0; color: inherit; white-space: pre-wrap; line-height: 1.9; }
888.pl-slot {
889 font-family: var(--pl-mono); font-size: inherit;
890 background: rgba(217,119,87,0.15); color: #f0eee6;
891 border: none; border-bottom: 1.5px dashed var(--pl-accent);
892 border-radius: 4px 4px 0 0; padding: 2px 6px; margin: 0 1px;
893 outline: none; min-width: 6ch; max-width: 100%;
894 box-sizing: content-box; cursor: text;
895}
896.pl-slot:hover { background: rgba(217,119,87,0.22); }
897.pl-slot:focus { background: rgba(217,119,87,0.28); border-bottom-style: solid; }
898.pl-slot::placeholder { color: rgba(240,238,230,0.4); font-style: italic; }
899.pl-hint { font-size: 14px; color: var(--pl-text-3); margin: 0 0 10px; }
900.pl-paste { color: var(--pl-text-2); }
901.pl-needs { color: var(--pl-text-2); }
902.pl-needs-label {
903 display: inline-block; font-size: 10.5px; letter-spacing: 0.06em;
904 text-transform: uppercase; padding: 2px 7px; margin-right: 6px;
905 border-radius: 4px; background: var(--pl-accent-bg); color: var(--pl-accent);
906}
907.pl-hint-chip {
908 font-family: var(--pl-mono); font-size: 0.92em;
909 background: var(--pl-accent-bg); color: var(--pl-accent);
910 border-bottom: 1.5px dashed var(--pl-accent);
911 border-radius: 3px 3px 0 0; padding: 1px 5px;
912}
913.pl-copy {
914 font-size: 12.5px; padding: 6px 12px; border-radius: 6px;
915 background: var(--pl-accent); color: #fff; border: none; flex-shrink: 0;
916}
917.pl-teaches { display: block; font-size: 15.5px; color: var(--pl-text-2); margin: 4px 0 0; line-height: 1.6; }
918.pl-match {
919 display: block; font-size: 13.5px; color: var(--pl-text-3);
920 margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
921}
922.pl-match mark { background: var(--pl-accent-bg); color: var(--pl-text); padding: 1px 2px; border-radius: 3px; }
923.pl-next {
924 display: flex; align-items: baseline; gap: 10px;
925 margin: 14px 0 0; padding: 10px 12px;
926 background: var(--pl-accent-bg); border-radius: 8px; font-size: 14.5px;
927}
928.pl-next-label {
929 font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
930 color: var(--pl-accent); font-weight: 600; flex-shrink: 0;
931}
932.pl-src { display: block; font-size: 14px; color: var(--pl-text-4); margin: 14px 0 0; }
933
934.pl-show-all {
935 display: block; width: 100%; padding: 14px; margin-top: 4px;
936 border: 1px dashed var(--pl-border); border-radius: 10px;
937 background: transparent; font-size: 15px; color: var(--pl-accent);
938 text-align: center;
939}
940.pl-show-all:hover { background: var(--pl-accent-bg); border-style: solid; }
941
942.pl-empty {
943 padding: 32px; text-align: center; color: var(--pl-text-4);
944 border: 1px dashed var(--pl-border); border-radius: 10px;
945}
946`, []);
947 if (!mounted) return <div className="pl" style={{
948 minHeight: 480
949 }} />;
950 return <div className="pl">
951 <style>{STYLES}</style>
952
953 <div className="pl-search">
954 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" style={{
955 color: 'var(--pl-text-4)'
956 }}>
957 <circle cx="11" cy="11" r="7" /><line x1="21" y1="21" x2="16.65" y2="16.65" />
958 </svg>
959 <input type="text" placeholder={L.search} value={q} onChange={e => {
960 setQ(e.target.value);
961 if (e.target.value) setStart(false);
962 }} aria-label={L.search} />
963 </div>
964
965 <div className={'pl-tags' + (ql ? ' pl-dim' : '')}>
966 <button type="button" className={'pl-tag pl-start' + (!ql && start ? ' pl-on' : '')} onClick={() => {
967 setQ('');
968 setStart(!start);
969 if (!start) setSel(null);
970 }}>
971 ★ {L.startHere}
972 </button>
973 <span className="pl-sep" />
974 {TAGS.map(k => <button key={k} type="button" aria-pressed={!ql && sel === k} className={'pl-tag' + (!ql && sel === k ? ' pl-on' : '')} onClick={() => {
975 setQ('');
976 toggleTag(k);
977 }}>
978 {TL(k)}
979 </button>)}
980 {(start || sel || q) && <button type="button" className="pl-clear" onClick={clear}>{L.clear}</button>}
981 <span className="pl-count">{results.length} {results.length === 1 ? L.prompt : L.prompts}</span>
982 </div>
983
984 {results.length === 0 ? <div className="pl-empty">
985 {L.noMatch} {ql ? <code>{q}</code> : null} <button type="button" className="pl-clear" onClick={clear}>{L.clear}</button>
986 </div> : !ql && start ? <div>
987 <div className="pl-group-h">{L.startHereHeader}</div>
988 {results.map(card)}
989 <button type="button" className="pl-show-all" onClick={clear}>
990 {L.showAll && L.showAll.replace('{n}', PROMPTS.length)} →
991 </button>
992 </div> : grouped.map(g => <div key={g.sdlc + '|' + g.cat}>
993 <div className="pl-group-h"><span className="pl-phase">{phaseLabels[g.sdlc] || g.sdlc}</span> · {catLabels[g.cat] || g.cat}</div>
994 {g.items.map(card)}
995 </div>)}
996 </div>;
997};
998
9這是一個提示詞庫，可複製貼上到 Claude Code 中。使用它來探索您未曾嘗試過的工作方式，或當您不確定從何開始時使用。999這是一個提示詞庫，可複製貼上到 Claude Code 中。使用它來探索您未曾嘗試過的工作方式，或當您不確定從何開始時使用。
10 1000
11這些提示詞來自各種 Anthropic 指南，包括[常見工作流程](/zh-TW/common-workflows)、[最佳實踐](/zh-TW/best-practices)和[Anthropic 團隊如何使用 Claude Code](https://claude.com/blog/how-anthropic-teams-use-claude-code)。它們是起點而非腳本。在任何提示詞下打開**為什麼這有效**以查看其背後的模式，這樣您可以編寫自己的提示詞。1001這些提示詞來自各種 Anthropic 指南，包括[常見工作流程](/zh-TW/common-workflows)、[最佳實踐](/zh-TW/best-practices)和[Anthropic 團隊如何使用 Claude Code](https://claude.com/blog/how-anthropic-teams-use-claude-code)。它們是起點而非腳本。在任何提示詞下打開**為什麼這有效**以查看其背後的模式，這樣您可以編寫自己的提示詞。
12 1002
1003export const labels = {
1004 startHere: "從這裡開始",
1005 startHereHeader: "五個首先嘗試的提示詞",
1006 showAll: "顯示全部 {n} 個提示詞",
1007 search: "搜尋提示詞…",
1008 clear: "清除",
1009 prompt: "提示詞",
1010 prompts: "提示詞",
1011 noMatch: "沒有提示詞符合",
1012 fillAndCopy: "填入並複製",
1013 copyThis: "複製此提示詞",
1014 hintBefore: "在",
1015 hintChip: "突出顯示的",
1016 hintAfter: "欄位中輸入以自訂，然後複製。",
1017 copy: "複製",
1018 copied: "已複製",
1019 whyWorks: "為什麼這有效",
1020 makeItStick: "使其堅持",
1021 from: "來自",
1022 paste: {
1023 mockup: "貼上、拖曳或 @-提及您的模型圖像，然後發送此內容：",
1024 design: "貼上、拖曳或 @-提及您的設計圖像，然後發送此內容：",
1025 screenshot: "貼上、拖曳或 @-提及您的螢幕截圖，然後發送此內容：",
1026 plan: "首先將您的計畫輸出貼上到提示詞中，然後發送此內容：",
1027 error: "首先將錯誤輸出貼上到提示詞中，然後發送此內容：",
1028 csv: "將您的檔案拖入提示詞中，或將下方路徑替換為您自己的 @-提及："
1029 },
1030 needsLabel: "需要",
1031 needs: {
1032 tracker: "您的問題追蹤器已新增為 [claude.ai 連接器](/zh-TW/mcp#use-mcp-servers-from-claude-ai)或 [MCP 伺服器](/zh-TW/mcp)。",
1033 gh: "[gh CLI](https://cli.github.com) 已驗證，或 GitHub 已新增為 [claude.ai 連接器](/zh-TW/mcp#use-mcp-servers-from-claude-ai)。",
1034 browser: "Claude 可以呈現和截圖結果的方式。[桌面應用程式](/zh-TW/desktop#preview-your-app)內建此功能。在終端中，安裝 [Chrome 擴充功能](/zh-TW/chrome)或 Playwright [MCP](/zh-TW/mcp) 伺服器。",
1035 db: "您的資料倉庫或日誌存儲已新增為 [claude.ai 連接器](/zh-TW/mcp#use-mcp-servers-from-claude-ai)或 [MCP 伺服器](/zh-TW/mcp)。"
1036 }
1037};
1038
1039export const tagLabels = {
1040 understand: "理解",
1041 plan: "計畫",
1042 prototype: "原型",
1043 build: "建置",
1044 test: "測試",
1045 refactor: "重構",
1046 review: "審查",
1047 steer: "引導",
1048 debug: "除錯",
1049 git: "Git",
1050 release: "發佈",
1051 data: "資料",
1052 automate: "自動化",
1053 pm: "產品",
1054 design: "設計",
1055 docs: "文件",
1056 marketing: "行銷",
1057 security: "安全",
1058 ops: "待命"
1059};
1060
1061export const phaseLabels = {
1062 discover: "探索",
1063 design: "設計",
1064 build: "建置",
1065 ship: "發佈",
1066 operate: "運營"
1067};
1068
1069export const sourceLabels = {
1070 workflows: "常見工作流程",
1071 teams: "Anthropic 團隊如何使用 Claude Code",
1072 legal: "Anthropic 如何在法律中使用 Claude",
1073 cybersecurity: "Anthropic 如何在網路安全中使用 Claude",
1074 "best-practices": "最佳實踐",
1075 ebook: "擴展代理編碼指南"
1076};
1077
1078export const catLabels = {
1079 Onboard: "入職",
1080 Understand: "理解",
1081 Plan: "計畫",
1082 Prototype: "原型",
1083 Implement: "實施",
1084 Test: "測試",
1085 Refactor: "重構",
1086 Review: "審查",
1087 Steer: "引導",
1088 Git: "Git",
1089 Release: "發佈",
1090 Debug: "除錯",
1091 Incident: "事件",
1092 Data: "資料",
1093 Automate: "自動化"
1094};
1095
1096export const text = {
1097 "get-oriented-in-a": {
1098 title: "在新儲存庫中定位",
1099 teaches: "描述您想了解的內容，而不是要讀取哪些檔案。Claude 自行探索專案並返回其如何組合在一起的摘要。",
1100 next: "執行 `/init` 以設定 `CLAUDE.md`，以便 Claude 在每個工作階段中記住這一點"
1101 },
1102 "explain-unfamiliar-code": {
1103 title: "解釋不熟悉的程式碼",
1104 teaches: "命名檔案並說出您想要答案的格式。將 HTML 頁面交換為圖表、項目符號或任何適合您學習方式的內容。",
1105 next: "設定輸出樣式，以便 Claude 始終以您偏好的格式進行解釋"
1106 },
1107 "find-where-something-happens": {
1108 title: "找到某事發生的位置",
1109 teaches: "按行為而不是按檔案名稱搜尋。即使您不知道檔案的名稱或它位於哪個目錄，搜尋也能運作。"
1110 },
1111 "see-what-depends-on": {
1112 title: "在刪除前檢查什麼會中斷",
1113 teaches: "在移除任何內容前先詢問。呼叫者清單和下游效應告訴您是在查看單行清理還是需要協調的變更。"
1114 },
1115 "trace-how-code-evolved": {
1116 title: "追蹤程式碼如何演變",
1117 teaches: "當問題是為什麼而不是什麼時，指向提交歷史。Claude 讀取您使用的任何版本控制的日誌和責備，並解釋目前實施背後的決策。"
1118 },
1119 "scope-a-change-before": {
1120 title: "在開始前確定變更的範圍",
1121 teaches: "在將其提交到路線圖前調整工作大小。檔案清單告訴您是在查看一個元件還是跨越式變更。"
1122 },
1123 "ask-the-codebase-a": {
1124 title: "向程式碼庫詢問產品問題",
1125 teaches: "說明您的角色，以便答案在正確的級別上。Claude 從原始程式碼解釋產品實際執行的內容，無需您讀取它。",
1126 next: "設定輸出樣式，以便 Claude 始終在此級別上提供答案"
1127 },
1128 "plan-a-multi-file": {
1129 title: "在觸及程式碼前計畫多檔案變更",
1130 teaches: "新增「暫不編輯」可將探索與變更分開，以便您在任何程式碼移動前看到方法。若要在每個提示詞上將計畫優先設為預設，請按 Shift+Tab 進入[計畫模式](/zh-TW/permission-modes#analyze-before-you-edit-with-plan-mode)。"
1131 },
1132 "draft-a-spec-by": {
1133 title: "透過訪談草擬規格",
1134 teaches: "要求被訪談而不是自己編寫規格。Claude 詢問您結構化問題，直到需求完整，然後將結果寫入檔案。",
1135 next: "將您的訪談問題儲存為 `/spec` 技能，以便每個規格都以相同方式開始"
1136 },
1137 "turn-a-meeting-into": {
1138 title: "將會議轉換為工單",
1139 teaches: "跳過轉錄步驟。Claude 從非結構化輸入中提取行動項目，並透過 [MCP](/zh-TW/mcp) 直接將其寫入您的追蹤器，以便您審查工單而不是轉錄。",
1140 next: "將此儲存為 `/tickets` 技能"
1141 },
1142 "map-edge-cases-before": {
1143 title: "在建置前對邊界情況進行對應",
1144 teaches: "詢問缺少什麼，而不是存在什麼。Claude 列出錯誤狀態、空狀態和邊界情況，這些是快樂路徑設計傾向於跳過的。"
1145 },
1146 "turn-a-mockup-into": {
1147 title: "將模型轉換為可運作的原型",
1148 teaches: "可點擊的原型回答靜態模型無法回答的問題。將可運作的程式碼交給工程部門，而不是在文件中解釋互動。"
1149 },
1150 "implement-from-a-screenshot": {
1151 title: "從螢幕截圖實施並自我檢查",
1152 teaches: "這為 Claude 提供了驗證迴圈：它呈現、與來源圖像進行比較，並在您指出每個差距前進行迭代。",
1153 next: "使用 `/goal` 讓 Claude 持續迭代，直到螢幕截圖相符"
1154 },
1155 "follow-an-existing-pattern": {
1156 title: "遵循現有模式",
1157 teaches: "指向您已經喜歡的程式碼。沒有參考，Claude 預設為一般最佳實踐。有了參考，它就會符合您的程式碼庫實際使用的慣例。",
1158 next: "要求 Claude 將其遵循的模式寫入 `CLAUDE.md`，以便未來工作階段無需參考即可符合它"
1159 },
1160 "add-a-small-well": {
1161 title: "新增小型、定義明確的功能",
1162 teaches: "說明輸入和輸出，而不是如何建置它。Claude 找到類似程式碼所在的位置，並將您的程式碼添加到其旁邊。"
1163 },
1164 "build-a-small-internal": {
1165 title: "從頭開始建置小型內部工具",
1166 teaches: "您不需要專案、框架或建置步驟。描述工具並要求 Claude 打開它，以便您立即看到它運作。"
1167 },
1168 "work-an-issue-end": {
1169 title: "端到端處理問題",
1170 teaches: "提供問題編號，而不是摘要。Claude 自行讀取完整工單，因此您會忘記提及的需求會通過，並在報告前驗證變更。"
1171 },
1172 "find-and-update-copy": {
1173 title: "在程式碼庫中尋找並更新副本",
1174 teaches: "詢問變體並說出要跳過的內容。Claude 找到字面搜尋會遺漏的措辭，並保持測試夾具和歷史記錄不變，以便您只審查使用者實際看到的副本。"
1175 },
1176 "draft-from-past-examples": {
1177 title: "從過去的範例草擬文件",
1178 teaches: "指向已完成工作的資料夾，而不是描述您的風格。Claude 從您已發佈的內容中學習結構和聲音，因此第一稿讀起來像您的其中之一。",
1179 next: "將聲音儲存為技能，以便每個草稿都從那裡開始"
1180 },
1181 "write-tests-run-them": {
1182 title: "編寫測試、執行測試、修復失敗",
1183 teaches: "一起要求編寫、執行和修復，以便 Claude 在不停止以獲取指示的情況下進行迭代。",
1184 next: "執行 `/init` 以便 Claude 自動學習您的測試命令"
1185 },
1186 "drive-implementation-from-tests": {
1187 title: "從測試驅動實施",
1188 teaches: "測試驅動開發：測試定義工作何時完成，Claude 在實施上進行迭代，直到它們通過。"
1189 },
1190 "fill-gaps-from-a": {
1191 title: "從涵蓋範圍報告填補空白",
1192 teaches: "指向涵蓋範圍報告，而不是猜測未測試的內容。Claude 讀取實際數字並為最需要的檔案編寫測試。",
1193 next: "將此設定為 `/goal`，以便 Claude 持續編寫測試，直到涵蓋範圍達到目標"
1194 },
1195 "port-code-between-languages": {
1196 title: "將程式碼移植到另一種語言",
1197 teaches: "說出要保留的內容，而不僅僅是目標語言。命名必須保持相同的 API 或行為，為 Claude 提供了一份合約來檢查移植。"
1198 },
1199 "generate-docs-for-code": {
1200 title: "為未記錄的程式碼產生文件",
1201 teaches: "命名範圍和格式。Claude 找到缺少的內容並符合檔案中已有的註解樣式，因此新文件讀起來像其餘部分。"
1202 },
1203 "migrate-a-pattern-across": {
1204 title: "在程式碼庫中遷移模式",
1205 teaches: "描述舊模式和新模式。要求 Claude 首先識別每個位置意味著呼叫網站在回應中列出，以便您可以檢查是否未遺漏任何內容。"
1206 },
1207 "optimize-against-a-measurable": {
1208 title: "針對可測量目標進行最佳化",
1209 teaches: "說明指標和目標為 Claude 提供了明確的完成定義。",
1210 next: "將此設定為 `/goal`，以便 Claude 持續測量和迭代，直到達到該數字"
1211 },
1212 "fix-a-precise-visual": {
1213 title: "修復精確的視覺錯誤",
1214 teaches: "精確的視覺回饋會得到精確的修復。說明確切的元素、測量和視埠。",
1215 next: "新增預覽工具，以便 Claude 自行截圖並驗證修復"
1216 },
1217 "review-your-changes-before": {
1218 title: "在提交前審查您的變更",
1219 teaches: "在問題仍然便宜時捕捉問題。Claude 完整讀取已變更的檔案，而不僅僅是差異行，因此它會發現快速自我審查會遺漏的問題。",
1220 next: "執行 `/code-review` 以在一個命令中進行相同檢查"
1221 },
1222 "review-a-pull-request": {
1223 title: "審查拉取請求",
1224 teaches: "Claude 在整個程式碼庫的背景下進行審查，而不僅僅是差異。它讀取已變更的程式碼及其呼叫的內容，因此它會捕捉僅差異審查會遺漏的問題。",
1225 next: "使用程式碼審查為每個 PR 開啟此功能"
1226 },
1227 "review-infrastructure-changes-before": {
1228 title: "在應用前審查基礎結構變更",
1229 teaches: "計畫輸出密集且難以掃描。貼上它會在您應用前獲得對實際要變更內容的純文字摘要。"
1230 },
1231 "run-a-security-review": {
1232 title: "使用子代理執行安全審查",
1233 teaches: "[子代理](/zh-TW/sub-agents)在其自己的背景視窗中執行審計並報告摘要，因此冗長的安全審查不會填滿您的主要工作階段。內建的通用子代理無需額外設定即可處理此問題。",
1234 next: "設定專用的安全審查子代理，您的整個團隊都可以使用"
1235 },
1236 "review-content-before-sending": {
1237 title: "在正式審查前捕捉問題",
1238 teaches: "在人類花時間之前進行第一次通過。命名您想檢查的關注點，以便審查集中，然後修復它找到的內容並發送更清潔的草稿。",
1239 next: "將您的審查檢查清單捕捉為您的整個團隊可以執行的技能"
1240 },
1241 "course-correct-a-wrong": {
1242 title: "糾正錯誤的方法",
1243 teaches: "命名 Claude 遺漏的約束，而不僅僅是它是錯誤的。具體的原因為 Claude 提供了一個具體的約束來在重試時滿足，而不是再次猜測。",
1244 next: "按 `Esc` 兩次以打開倒帶菜單並恢復程式碼和對話，以便重試乾淨開始"
1245 },
1246 "narrow-the-scope-of": {
1247 title: "縮小變更的範圍",
1248 teaches: "當方向正確但變更過於寬泛時，要求 Claude 保留其中一部分，而不是倒帶所有內容。說明的邊界可防止小修復變成重構。"
1249 },
1250 "turn-a-correction-into": {
1251 title: "將更正轉換為規則",
1252 teaches: "聊天中的更正不會與您的團隊共享。專案 [CLAUDE.md](/zh-TW/memory) 中的規則在您提交後共享，Claude 在每個工作階段開始時讀取它。",
1253 next: "打開 `/memory` 以審查 Claude 編寫的內容"
1254 },
1255 "resolve-merge-conflicts": {
1256 title: "解決合併衝突",
1257 teaches: "說出您想要的狀態，而不是要保留哪些標記。要求推理使合併可審查，而不是黑盒。"
1258 },
1259 "commit-with-a-generated": {
1260 title: "使用產生的訊息提交",
1261 teaches: "讓 Claude 從差異衍生訊息。它符合您儲存庫的現有提交樣式。"
1262 },
1263 "open-a-pull-request": {
1264 title: "從工單打開拉取請求",
1265 teaches: "跳過追蹤器、編輯器和 GitHub 之間的背景切換。一個提示詞讀取規格、進行變更並打開 PR。"
1266 },
1267 "draft-release-notes-from": {
1268 title: "從 git 歷史草擬發佈說明",
1269 teaches: "提供兩個參考點和您想要的結構。Claude 讀取它們之間的提交日誌並草擬您可以編輯的變更日誌。",
1270 next: "將此儲存為 `/changelog` 技能"
1271 },
1272 "write-a-ci-workflow": {
1273 title: "編寫 CI 工作流程",
1274 teaches: "描述何時應執行以及應執行的操作；YAML 為您產生，符合您專案的建置和測試命令。"
1275 },
1276 "find-and-fix-a": {
1277 title: "尋找並修復失敗的測試",
1278 teaches: "描述症狀；您不需要知道哪個檔案已損壞。Claude 執行測試以查看失敗，將其追蹤到來源，並修復它。"
1279 },
1280 "investigate-a-reported-error": {
1281 title: "調查報告的錯誤",
1282 teaches: "描述症狀和位置；Claude 讀取相關程式碼路徑並追蹤可能的原因。如果您有堆疊追蹤或日誌，請貼上它們。",
1283 next: "在您的執行手冊中放置深層連結，以打開預先填入此提示詞的 Claude"
1284 },
1285 "fix-a-build-error": {
1286 title: "在根本原因處修復建置錯誤",
1287 teaches: "要求根本原因和驗證可防止表面級修補程式抑制錯誤而不修復它。"
1288 },
1289 "investigate-a-production-incident": {
1290 title: "調查生產事件",
1291 teaches: "列出要關聯的證據來源，而不是要採取的步驟。Claude 一起讀取日誌、git 歷史和配置以縮小原因。",
1292 next: "透過 MCP 連接 Sentry 或您的日誌存儲"
1293 },
1294 "query-logs-in-plain": {
1295 title: "用純英文查詢日誌",
1296 teaches: "詢問問題而不是編寫 SQL。Claude 建置查詢、針對您連接的日誌執行它，並顯示查詢和結果，以便您可以檢查執行的內容。"
1297 },
1298 "diagnose-from-a-console": {
1299 title: "從控制台螢幕截圖診斷",
1300 teaches: "雲端控制台向您顯示問題，但不顯示修復它的命令。Claude 讀取螢幕截圖並將儀表板轉換為要執行的 kubectl、gcloud 或 aws 命令。"
1301 },
1302 "analyze-a-data-file": {
1303 title: "分析資料檔案",
1304 teaches: "一次性問題不需要一次性指令碼。指向專案資料夾中的檔案，Claude 直接讀取它、找到模式並在您要求的位置寫入輸出。",
1305 next: "透過 MCP 連接資料來源，而不是匯出檔案"
1306 },
1307 "generate-variations-from-performance": {
1308 title: "從效能資料產生變體",
1309 teaches: "在開始時說明約束，以便產生保持在限制內。Claude 讀取指標、選擇要替換的內容，並產生符合的替代方案。",
1310 next: "透過 MCP 連接廣告平台，而不是匯出檔案"
1311 },
1312 "turn-a-recurring-task": {
1313 title: "將重複任務轉換為技能",
1314 teaches: "命名步驟一次；將其重複用作命令。Claude 編寫您的團隊中任何人都可以執行的 [技能](/zh-TW/skills)。"
1315 },
1316 "add-a-hook-for": {
1317 title: "為重複行為新增 hook",
1318 teaches: "Hooks 使行為自動進行，而不是您必須記住要求的內容。描述觸發器和操作，Claude 編寫 [hook](/zh-TW/hooks) 配置。"
1319 },
1320 "connect-a-tool-with": {
1321 title: "使用 MCP 連接工具",
1322 teaches: "連接來源一次，而不是每個工作階段貼上資料。在 [MCP](/zh-TW/mcp) 設定後，當您詢問它時，Claude 直接從工具讀取。"
1323 },
1324 "capture-what-to-remember": {
1325 title: "捕捉下次要記住的內容",
1326 teaches: "在您忘記前詢問。Claude 知道它在此工作階段中必須弄清楚的內容，並提議 [CLAUDE.md](/zh-TW/memory) 項目，以便下一個工作階段以該背景開始。"
1327 }
1328};
1329
1330<PromptLibrary text={text} labels={labels} tagLabels={tagLabels} phaseLabels={phaseLabels} sourceLabels={sourceLabels} catLabels={catLabels} />
1331
13<h2 id="what-makes-these-prompts-work">1332<h2 id="what-makes-these-prompts-work">
14 這些提示詞有效的原因1333 這些提示詞有效的原因
15</h2>1334</h2>
