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プロンプトは、[一般的なワークフロー](/ja/common-workflows)、[ベストプラクティス](/ja/best-practices)、[Anthropic チームが Claude Code をどのように使用しているか](https://claude.com/blog/how-anthropic-teams-use-claude-code)など、様々な Anthropic ガイドから収集されています。これらはスクリプトではなく、出発点です。任意のプロンプトの下にある **このプロンプトが機能する理由** を開くと、その背後にあるパターンを確認できるため、独自のプロンプトを作成できます。1001プロンプトは、[一般的なワークフロー](/ja/common-workflows)、[ベストプラクティス](/ja/best-practices)、[Anthropic チームが Claude Code をどのように使用しているか](https://claude.com/blog/how-anthropic-teams-use-claude-code)など、様々な Anthropic ガイドから収集されています。これらはスクリプトではなく、出発点です。任意のプロンプトの下にある **このプロンプトが機能する理由** を開くと、その背後にあるパターンを確認できるため、独自のプロンプトを作成できます。
12 1002
1003export const labels = {
1004 startHere: "ここから始める",
1005 startHereHeader: "最初に試すべき 5 つのプロンプト",
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: "モックアップ画像をペースト、ドラッグ、または @-mention してから、以下を送信してください:",
1024 design: "デザイン画像をペースト、ドラッグ、または @-mention してから、以下を送信してください:",
1025 screenshot: "スクリーンショットをペースト、ドラッグ、または @-mention してから、以下を送信してください:",
1026 plan: "プラン出力をプロンプトに最初にペーストしてから、以下を送信してください:",
1027 error: "エラー出力をプロンプトに最初にペーストしてから、以下を送信してください:",
1028 csv: "ファイルをプロンプトにドラッグするか、以下のパスを独自の @-mention に置き換えてください:"
1029 },
1030 needsLabel: "必要なもの",
1031 needs: {
1032 tracker: "[claude.ai コネクタ](/ja/mcp#use-mcp-servers-from-claude-ai)または [MCP サーバー](/ja/mcp)として追加されたイシュートラッカー。",
1033 gh: "[gh CLI](https://cli.github.com) が認証されているか、GitHub が [claude.ai コネクタ](/ja/mcp#use-mcp-servers-from-claude-ai)として追加されていること。",
1034 browser: "Claude が結果をレンダリングしてスクリーンショットを撮る方法。[デスクトップアプリ](/ja/desktop#preview-your-app)にはこれが組み込まれています。ターミナルでは、[Chrome 拡張機能](/ja/chrome)または Playwright [MCP](/ja/mcp) サーバーをインストールしてください。",
1035 db: "[claude.ai コネクタ](/ja/mcp#use-mcp-servers-from-claude-ai)または [MCP サーバー](/ja/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: "agentic coding スケーリングガイド"
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: "何かを削除する前に尋ねてください。呼び出し元と下流への影響のリストは、1 行のクリーンアップを見ているのか、調整が必要な変更を見ているのかを示します。"
1114 },
1115 "trace-how-code-evolved": {
1116 title: "コードがどのように進化したかを追跡する",
1117 teaches: "質問が「何」ではなく「なぜ」の場合は、コミット履歴を指してください。Claude はどのバージョン管理を使用していても、ログと blame を読み、現在の実装の背後にある決定を説明します。"
1118 },
1119 "scope-a-change-before": {
1120 title: "開始する前に変更の範囲を決定する",
1121 teaches: "ロードマップにコミットする前に作業をサイズ化してください。ファイルリストは、1 つのコンポーネントを見ているのか、クロスカッティング変更を見ているのかを示します。"
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 を押して [プランモード](/ja/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](/ja/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 は既に出荷したものからスタイルと声を学ぶため、最初のドラフトはあなたのものの 1 つのように読めます。",
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 は欠けているものを見つけ、ファイルに既にある comment スタイルに一致するため、新しいドキュメントは残りのように読めます。"
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 は diff 行だけでなく、変更されたファイル全体を読むため、迅速な自己レビューが見落とす問題を見つけます。",
1220 next: "同じチェックを 1 つのコマンドで実行するために `/code-review` を実行してください"
1221 },
1222 "review-a-pull-request": {
1223 title: "プルリクエストをレビューする",
1224 teaches: "Claude は diff だけでなく、コードベース全体のコンテキストでレビューします。変更されたコードとそれが呼び出すものを読むため、diff のみのレビューが見落とす問題をキャッチします。",
1225 next: "Code Review ですべての PR に対してこれをオンにしてください"
1226 },
1227 "review-infrastructure-changes-before": {
1228 title: "適用する前にインフラストラクチャの変更をレビューする",
1229 teaches: "プラン出力は密集していてスキャンが難しいです。ペーストすると、実際に何が変わるかの平易な言語の概要が得られます。"
1230 },
1231 "run-a-security-review": {
1232 title: "サブエージェントでセキュリティレビューを実行する",
1233 teaches: "[サブエージェント](/ja/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 を 2 回押して巻き戻しメニューを開き、コードと会話を復元して、再試行がクリーンに開始されるようにしてください"
1245 },
1246 "narrow-the-scope-of": {
1247 title: "変更の範囲を絞る",
1248 teaches: "方向が正しいが変更が広すぎる場合は、Claude にすべてを巻き戻すのではなく、その一部を保持するよう依頼してください。述べられた境界は、小さな修正がリファクタリングになるのを防ぎます。"
1249 },
1250 "turn-a-correction-into": {
1251 title: "修正をルールに変える",
1252 teaches: "チャットの修正はチーム全体と共有されません。プロジェクトの [CLAUDE.md](/ja/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 に diff からメッセージを導出させてください。リポジトリの既存のコミットスタイルに一致します。"
1262 },
1263 "open-a-pull-request": {
1264 title: "チケットからプルリクエストを開く",
1265 teaches: "トラッカー、エディタ、GitHub 間のコンテキストスイッチをスキップしてください。1 つのプロンプトがスペックを読み、変更を加え、PR を開きます。"
1266 },
1267 "draft-release-notes-from": {
1268 title: "git 履歴からリリースノートを作成する",
1269 teaches: "2 つの参照ポイントと望む構造を指定してください。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: "実行ブックに deeplink を入れて、このプロンプトが事前に入力された状態で 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: "Sentry またはログストアを MCP 経由で接続してください"
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: "1 回限りの質問は 1 回限りのスクリプトを必要としません。プロジェクトフォルダ内のファイルを指してください。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 はチーム内の誰でも実行できる [スキル](/ja/skills)を書きます。"
1315 },
1316 "add-a-hook-for": {
1317 title: "繰り返し動作のためのフックを追加する",
1318 teaches: "フックは、覚えておく必要があるものではなく、動作を自動にします。トリガーとアクションを説明し、Claude が [フック](/ja/hooks)設定を書きます。"
1319 },
1320 "connect-a-tool-with": {
1321 title: "MCP でツールを接続する",
1322 teaches: "毎回のセッションでデータをペーストする代わりに、ソースを一度接続してください。[MCP](/ja/mcp)セットアップ後、Claude はそれについて尋ねるときにツールから直接読みます。"
1323 },
1324 "capture-what-to-remember": {
1325 title: "次回のために覚えておくべきことをキャプチャする",
1326 teaches: "忘れる前に尋ねてください。Claude はこのセッションで何を理解する必要があったかを知っており、次のセッションがその文脈で開始されるように [CLAUDE.md](/ja/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>
