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프롬프트는 [일반적인 워크플로우](/ko/common-workflows), [모범 사례](/ko/best-practices), [Anthropic 팀이 Claude Code를 사용하는 방법](https://claude.com/blog/how-anthropic-teams-use-claude-code)을 포함한 다양한 Anthropic 가이드에서 수집되었습니다. 이들은 스크립트가 아닌 시작점입니다. 모든 프롬프트 아래의 **이것이 작동하는 이유**를 열어 패턴을 확인하면 자신만의 프롬프트를 작성할 수 있습니다.1001프롬프트는 [일반적인 워크플로우](/ko/common-workflows), [모범 사례](/ko/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: "먼저 시도할 다섯 가지 프롬프트",
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 커넥터](/ko/mcp#use-mcp-servers-from-claude-ai) 또는 [MCP 서버](/ko/mcp)로 추가됨.",
1033 gh: "[gh CLI](https://cli.github.com)가 인증되었거나 GitHub이 [claude.ai 커넥터](/ko/mcp#use-mcp-servers-from-claude-ai)로 추가됨.",
1034 browser: "Claude가 결과를 렌더링하고 스크린샷을 찍을 수 있는 방법. [데스크톱 앱](/ko/desktop#preview-your-app)에는 이 기능이 내장되어 있습니다. 터미널에서 [Chrome 확장 프로그램](/ko/chrome)이나 Playwright [MCP](/ko/mcp) 서버를 설치하십시오.",
1035 db: "데이터 웨어하우스 또는 로그 저장소가 [claude.ai 커넥터](/ko/mcp#use-mcp-servers-from-claude-ai) 또는 [MCP 서버](/ko/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가 사용 중인 모든 버전 제어 시스템의 로그와 blame을 읽고 현재 구현 뒤의 결정을 설명합니다."
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을 눌러 [계획 모드](/ko/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](/ko/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: "스크린샷이 일치할 때까지 Claude가 반복하도록 `/goal`을 사용하십시오"
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: "Claude가 테스트 명령을 자동으로 학습하도록 `/init`를 실행하십시오"
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가 diff 줄만이 아닌 변경된 파일 전체를 읽으므로 빠른 자체 검토가 놓칠 문제를 발견합니다.",
1220 next: "한 명령으로 동일한 확인을 위해 `/code-review`를 실행하십시오"
1221 },
1222 "review-a-pull-request": {
1223 title: "풀 요청 검토",
1224 teaches: "Claude가 diff만이 아닌 전체 코드베이스 컨텍스트로 검토합니다. 변경된 코드와 호출하는 항목을 읽으므로 diff 전용 검토가 놓칠 문제를 포착합니다.",
1225 next: "코드 검토로 모든 PR에 대해 이를 켜십시오"
1226 },
1227 "review-infrastructure-changes-before": {
1228 title: "적용하기 전에 인프라 변경 검토",
1229 teaches: "계획 출력은 밀도가 높고 스캔하기 어렵습니다. 붙여넣으면 적용하기 전에 실제로 변경될 내용의 일반 언어 요약을 얻습니다."
1230 },
1231 "run-a-security-review": {
1232 title: "서브에이전트로 보안 검토 실행",
1233 teaches: "[서브에이전트](/ko/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](/ko/memory)의 규칙은 커밋하면 공유되고 Claude가 매 세션의 시작에 읽습니다.",
1253 next: "Claude가 작성한 내용을 검토하려면 `/memory`를 열으십시오"
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 간의 컨텍스트 전환을 건너뛰십시오. 한 프롬프트가 사양을 읽고, 변경을 하고, 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가 팀의 누구나 실행할 수 있는 [스킬](/ko/skills)을 작성합니다."
1315 },
1316 "add-a-hook-for": {
1317 title: "반복 동작을 위한 훅 추가",
1318 teaches: "훅은 동작을 자동으로 만들므로 요청하기를 기억할 필요가 없습니다. 트리거와 작업을 설명하면 Claude가 [훅](/ko/hooks) 구성을 작성합니다."
1319 },
1320 "connect-a-tool-with": {
1321 title: "MCP로 도구 연결",
1322 teaches: "매 세션마다 데이터를 붙여넣는 대신 소스를 한 번 연결하십시오. [MCP](/ko/mcp) 설정 후 Claude가 요청할 때 도구에서 직접 읽습니다."
1323 },
1324 "capture-what-to-remember": {
1325 title: "다음 번을 위해 기억할 항목 캡처",
1326 teaches: "잊기 전에 물어보십시오. Claude가 이 세션에서 파악해야 할 항목을 알고 다음 세션이 그 컨텍스트로 시작하도록 [CLAUDE.md](/ko/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>
