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 ticket in {tracker} for each one, with acceptance criteria',
112 slots: {
113 input: '@meeting-notes.md',
114 tracker: 'our issue tracker'
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 existing webhook handler',
155 new: 'a payments 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 ticket about {topic} in {tracker} and open a PR that implements it',
416 slots: {
417 tracker: 'our issue tracker',
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: 'our 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: 'connect {server} via MCP so you can read its {data} directly',
568 slots: {
569 server: 'our error tracker',
570 data: 'stack traces'
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) return undefined;
626 if (href[0] === '#' || href.startsWith('https://')) return href;
627 if (!(/^\/[A-Za-z0-9]/).test(href)) return undefined;
628 return base + (href.startsWith('/en/') ? '/' + locale + href.slice(3) : href);
629 };
630 }, []);
631 const SAFE_HREF = /^(\/(?![\/\\\s])|#|https?:\/\/)/;
632 const linkify = s => {
633 const out = [];
634 let last = 0;
635 const re = /\[([^\]]+)\]\(([^)]+)\)/g;
636 for (let m; m = re.exec(s); ) {
637 if (m.index > last) out.push(s.slice(last, m.index));
638 out.push(SAFE_HREF.test(m[2]) ? <a key={m.index} href={doc(m[2])}>{m[1]}</a> : m[1]);
639 last = re.lastIndex;
640 }
641 if (last < s.length) out.push(s.slice(last));
642 return out;
643 };
644 const codeify = s => s.split(/(`[^`]+`)/g).map((part, i) => part[0] === '`' ? <code key={i}>{part.slice(1, -1)}</code> : part);
645 const SOURCES = useMemo(() => ({
646 'workflows': '/en/common-workflows',
647 'teams': 'https://claude.com/blog/how-anthropic-teams-use-claude-code',
648 'legal': 'https://claude.com/blog/how-anthropic-uses-claude-legal',
649 'cybersecurity': 'https://claude.com/blog/how-anthropic-uses-claude-cybersecurity',
650 'best-practices': '/en/best-practices',
651 'ebook': 'https://resources.anthropic.com/hubfs/Scaling%20agentic%20coding%20across%20your%20organization.pdf'
652 }), []);
653 const [mounted, setMounted] = useState(false);
654 const [q, setQ] = useState('');
655 const [start, setStart] = useState(true);
656 const [sel, setSel] = useState(null);
657 const [openId, setOpenId] = useState(null);
658 const [copied, setCopied] = useState(null);
659 const [fills, setFills] = useState({});
660 const copyTimer = useRef(null);
661 useEffect(() => {
662 setMounted(true);
663 return () => clearTimeout(copyTimer.current);
664 }, []);
665 const setFill = (id, key, val) => setFills(f => ({
666 ...f,
667 [id + '.' + key]: val
668 }));
669 const fillOf = (p, key) => {
670 const v = fills[p.id + '.' + key];
671 return v !== undefined ? v : p.slots && p.slots[key] !== undefined ? p.slots[key] : '';
672 };
673 const assemble = p => p.prompt.replace(/\{(\w+)\}/g, (_, k) => fillOf(p, k) || p.slots && p.slots[k] || k);
674 const preview = p => p.prompt.replace(/\{(\w+)\}/g, (_, k) => p.slots && p.slots[k] || k);
675 const bodyText = p => preview(p) + ' ' + p.teaches.replace(/\[([^\]]+)\]\([^)]+\)/g, '$1') + ' ' + (p.next || '');
676 const WIDE_RE = /[\u1100-\u115F\u2E80-\uA4CF\uAC00-\uD7A3\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFF60\uFFE0-\uFFE6]/g;
677 const widthFor = s => {
678 const t = typeof s === 'string' ? s : '';
679 return t.length + (t.match(WIDE_RE) || []).length + 3 + 'ch';
680 };
681 const ql = q.trim().toLowerCase();
682 const toggleTag = k => {
683 setStart(false);
684 setSel(s => !ql && s === k ? null : k);
685 };
686 const clear = () => {
687 setStart(false);
688 setSel(null);
689 setQ('');
690 };
691 const results = useMemo(() => {
692 const list = PROMPTS.filter(p => {
693 if (ql) return p.title.toLowerCase().includes(ql) || bodyText(p).toLowerCase().includes(ql);
694 if (start) return !!p.startN;
695 if (sel) return tagsOf(p).includes(sel);
696 return true;
697 });
698 if (ql) return list;
699 if (start) return list.sort((a, b) => a.startN - b.startN);
700 if (sel) return list.sort((a, b) => (a.roles || []).length - (b.roles || []).length || (b.sdlc === 'operate') - (a.sdlc === 'operate'));
701 return list;
702 }, [PROMPTS, ql, start, sel]);
703 const matchSnippet = p => {
704 if (!ql || p.title.toLowerCase().includes(ql)) return null;
705 const txt = bodyText(p);
706 const at = txt.toLowerCase().indexOf(ql);
707 if (at < 0) return null;
708 const lo = Math.max(0, at - 30), hi = Math.min(txt.length, at + ql.length + 50);
709 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 ? '…' : ''];
710 };
711 const grouped = useMemo(() => {
712 if (start && !q.trim()) return [];
713 const g = {};
714 for (const p of results) {
715 const key = p.sdlc + '|' + p.cat;
716 (g[key] = g[key] || ({
717 sdlc: p.sdlc,
718 cat: p.cat,
719 items: []
720 })).items.push(p);
721 }
722 return Object.values(g);
723 }, [results, start, q]);
724 const copy = async (str, id) => {
725 try {
726 await navigator.clipboard.writeText(str);
727 } catch {
728 const ta = document.createElement('textarea');
729 ta.value = str;
730 ta.setAttribute('readonly', '');
731 ta.style.position = 'fixed';
732 ta.style.opacity = '0';
733 document.body.appendChild(ta);
734 ta.select();
735 document.execCommand('copy');
736 document.body.removeChild(ta);
737 }
738 clearTimeout(copyTimer.current);
739 setCopied(id);
740 copyTimer.current = setTimeout(() => setCopied(null), 1600);
741 };
742 const promptBody = p => {
743 if (!p.slots) return <code>{p.prompt}</code>;
744 const parts = p.prompt.split(/(\{\w+\})/g);
745 return <code>
746 {parts.map((part, idx) => {
747 const m = part.match(/^\{(\w+)\}$/);
748 if (!m) return <span key={idx}>{part}</span>;
749 const k = m[1];
750 const val = fillOf(p, k);
751 return <input key={idx} type="text" className="pl-slot" value={val} placeholder={p.slots[k] || k} aria-label={k} style={{
752 width: widthFor(val || p.slots[k])
753 }} onChange={e => setFill(p.id, k, e.target.value)} onFocus={e => e.target.select()} onClick={e => e.stopPropagation()} />;
754 })}
755 </code>;
756 };
757 const card = p => {
758 const open = openId === p.id;
759 const srcHref = SOURCES[p.src];
760 const srcLabel = sourceLabels[p.src];
761 const snip = matchSnippet(p);
762 return <div key={p.id} className={'pl-card' + (open ? ' pl-open' : '')}>
763 <button type="button" className="pl-head" onClick={() => setOpenId(open ? null : p.id)} aria-expanded={open}>
764 <span className="pl-title">{p.title}</span>
765 {!!p.startN && <span className="pl-chip">{L.startHere} · {p.startN}</span>}
766 </button>
767 {snip ? <div className="pl-match">{snip}</div> : <code className="pl-prompt-preview">{preview(p)}</code>}
768 {open && <div className="pl-body">
769 <div className="pl-label">{p.slots ? L.fillAndCopy : L.copyThis}</div>
770 {p.needs && L.needs && L.needs[p.needs] && <div className="pl-hint pl-needs">
771 <span className="pl-needs-label">{L.needsLabel}</span> {linkify(L.needs[p.needs])}
772 </div>}
773 {p.paste && L.paste && L.paste[p.paste] && <div className="pl-hint pl-paste">{L.paste[p.paste]}</div>}
774 {p.slots && <div className="pl-hint">
775 {L.hintBefore} <span className="pl-hint-chip">{L.hintChip}</span> {L.hintAfter}
776 </div>}
777 <div className="pl-prompt-box">
778 <span className="pl-caret">{'❯'}</span>
779 {promptBody(p)}
780 <button type="button" className="pl-copy" onClick={() => copy(assemble(p), p.id)}>
781 {copied === p.id ? L.copied : L.copy}
782 </button>
783 </div>
784 <div className="pl-label">{L.whyWorks}</div>
785 <div className="pl-teaches">{linkify(p.teaches)}</div>
786 {p.nextHref && p.next && SAFE_HREF.test(p.nextHref) && <div className="pl-next">
787 <span className="pl-next-label">{L.makeItStick}</span>
788 <a href={doc(p.nextHref)}>{codeify(p.next)} →</a>
789 </div>}
790 {srcLabel && <div className="pl-src">{L.from} {srcHref ? <a href={doc(srcHref)}>{srcLabel}</a> : srcLabel}</div>}
791 </div>}
792 </div>;
793 };
794 const STYLES = useMemo(() => `
795.pl {
796 --pl-accent: #D97757;
797 --pl-accent-bg: rgba(217,119,87,0.07);
798 --pl-bg: #fff;
799 --pl-surface: #FAFAF7;
800 --pl-border: #E8E6DC;
801 --pl-border-subtle: rgba(31,30,29,0.08);
802 --pl-text: #141413;
803 --pl-text-2: #5E5D59;
804 --pl-text-3: #73726C;
805 --pl-text-4: #9C9A92;
806 --pl-mono: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
807 font-family: 'Anthropic Sans', -apple-system, BlinkMacSystemFont, sans-serif;
808 font-size: 16px; color: var(--pl-text); margin: 8px 0 32px;
809}
810.dark .pl {
811 --pl-bg: #1f1e1d;
812 --pl-surface: #262624;
813 --pl-border: #3d3d3a;
814 --pl-border-subtle: rgba(240,238,230,0.08);
815 --pl-text: #f0eee6;
816 --pl-text-2: #bfbdb4;
817 --pl-text-3: #91908a;
818 --pl-text-4: #73726c;
819}
820.pl *, .pl *::before, .pl *::after { box-sizing: border-box; }
821.pl button { font-family: inherit; cursor: pointer; }
822.pl a { color: var(--pl-accent); text-decoration: none; }
823.pl a:hover { text-decoration: underline; }
824
825.pl-search {
826 display: flex; align-items: center; gap: 10px;
827 padding: 14px 18px; background: var(--pl-surface);
828 border: 1px solid var(--pl-border); border-radius: 12px;
829 margin-bottom: 14px;
830}
831.pl-search input {
832 flex: 1; border: none; outline: none; background: transparent;
833 font-size: 16px; color: var(--pl-text);
834}
835.pl-search input::placeholder { color: var(--pl-text-4); }
836
837.pl-tags { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 18px; }
838.pl-tag {
839 padding: 7px 14px; border: 1px solid var(--pl-border); background: var(--pl-bg);
840 font-size: 14px; color: var(--pl-text-2); border-radius: 999px;
841}
842.pl-tag:hover { background: var(--pl-surface); }
843.pl-tag.pl-on { background: var(--pl-text); border-color: var(--pl-text); color: var(--pl-bg); }
844.pl-tag.pl-start { color: var(--pl-accent); font-weight: 500; }
845.pl-tag.pl-start.pl-on { background: var(--pl-accent); border-color: var(--pl-accent); color: #fff; }
846.pl-tags.pl-dim .pl-tag { opacity: 0.5; }
847.pl-tags.pl-dim .pl-tag:hover { opacity: 1; }
848.pl-sep { width: 1px; height: 22px; background: var(--pl-border); margin: 0 4px; }
849.pl-clear { border: none; background: none; font-size: 13px; color: var(--pl-text-4); padding: 4px 6px; }
850.pl-clear:hover { color: var(--pl-text-2); }
851.pl-count { margin-left: auto; font-size: 14px; color: var(--pl-text-4); }
852
853.pl-group-h {
854 font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;
855 color: var(--pl-text-4); margin: 24px 0 12px;
856}
857.pl-group-h .pl-phase { color: var(--pl-text-3); }
858.pl-card {
859 border: 1px solid var(--pl-border-subtle); border-radius: 10px;
860 margin-bottom: 12px; background: var(--pl-bg); overflow: hidden;
861 padding: 14px 18px;
862}
863.pl-card.pl-open { border-color: var(--pl-border); background: var(--pl-surface); }
864.pl-head {
865 width: 100%; display: flex; align-items: baseline; gap: 12px;
866 border: none; background: transparent; text-align: left; padding: 0;
867}
868.pl-head:focus-visible { outline: 2px solid var(--pl-accent); outline-offset: 2px; border-radius: 6px; }
869.pl-title {
870 flex: 1; font-size: 17px; font-weight: 500; color: var(--pl-text);
871 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
872}
873.pl-prompt-preview {
874 display: block; font-family: var(--pl-mono); font-size: 13.5px; color: var(--pl-text-3);
875 margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
876}
877.pl-chip {
878 font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase;
879 padding: 3px 9px; border-radius: 999px; flex-shrink: 0;
880 background: var(--pl-accent-bg); color: var(--pl-accent);
881}
882
883.pl-body { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--pl-border-subtle); }
884.pl-label {
885 font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase;
886 color: var(--pl-text-4); margin: 12px 0 8px;
887}
888.pl-prompt-box {
889 display: flex; align-items: center; gap: 10px;
890 padding: 14px 16px; background: #141413; color: #f0eee6;
891 border-radius: 8px; font-family: var(--pl-mono); font-size: 15px;
892}
893.pl-caret { color: var(--pl-accent); flex-shrink: 0; }
894.pl-prompt-box code { flex: 1; background: none; padding: 0; color: inherit; white-space: pre-wrap; line-height: 1.9; }
895.pl-slot {
896 font-family: var(--pl-mono); font-size: inherit;
897 background: rgba(217,119,87,0.15); color: #f0eee6;
898 border: none; border-bottom: 1.5px dashed var(--pl-accent);
899 border-radius: 4px 4px 0 0; padding: 2px 6px; margin: 0 1px;
900 outline: none; min-width: 6ch; max-width: 100%;
901 box-sizing: content-box; cursor: text;
902}
903.pl-slot:hover { background: rgba(217,119,87,0.22); }
904.pl-slot:focus { background: rgba(217,119,87,0.28); border-bottom-style: solid; }
905.pl-slot::placeholder { color: rgba(240,238,230,0.4); font-style: italic; }
906.pl-hint { font-size: 14px; color: var(--pl-text-3); margin: 0 0 10px; }
907.pl-paste { color: var(--pl-text-2); }
908.pl-needs { color: var(--pl-text-2); }
909.pl-needs-label {
910 display: inline-block; font-size: 10.5px; letter-spacing: 0.06em;
911 text-transform: uppercase; padding: 2px 7px; margin-right: 6px;
912 border-radius: 4px; background: var(--pl-accent-bg); color: var(--pl-accent);
913}
914.pl-hint-chip {
915 font-family: var(--pl-mono); font-size: 0.92em;
916 background: var(--pl-accent-bg); color: var(--pl-accent);
917 border-bottom: 1.5px dashed var(--pl-accent);
918 border-radius: 3px 3px 0 0; padding: 1px 5px;
919}
920.pl-copy {
921 font-size: 12.5px; padding: 6px 12px; border-radius: 6px;
922 background: var(--pl-accent); color: #fff; border: none; flex-shrink: 0;
923}
924.pl-teaches { display: block; font-size: 15.5px; color: var(--pl-text-2); margin: 4px 0 0; line-height: 1.6; }
925.pl-match {
926 display: block; font-size: 13.5px; color: var(--pl-text-3);
927 margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
928}
929.pl-match mark { background: var(--pl-accent-bg); color: var(--pl-text); padding: 1px 2px; border-radius: 3px; }
930.pl-next {
931 display: flex; align-items: baseline; gap: 10px;
932 margin: 14px 0 0; padding: 10px 12px;
933 background: var(--pl-accent-bg); border-radius: 8px; font-size: 14.5px;
934}
935.pl-next-label {
936 font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
937 color: var(--pl-accent); font-weight: 600; flex-shrink: 0;
938}
939.pl-src { display: block; font-size: 14px; color: var(--pl-text-4); margin: 14px 0 0; }
940
941.pl-show-all {
942 display: block; width: 100%; padding: 14px; margin-top: 4px;
943 border: 1px dashed var(--pl-border); border-radius: 10px;
944 background: transparent; font-size: 15px; color: var(--pl-accent);
945 text-align: center;
946}
947.pl-show-all:hover { background: var(--pl-accent-bg); border-style: solid; }
948
949.pl-empty {
950 padding: 32px; text-align: center; color: var(--pl-text-4);
951 border: 1px dashed var(--pl-border); border-radius: 10px;
952}
953`, []);
954 if (!mounted) return <div className="pl" style={{
955 minHeight: 480
956 }} />;
957 return <div className="pl">
958 <style>{STYLES}</style>
959
960 <div className="pl-search">
961 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" style={{
962 color: 'var(--pl-text-4)'
963 }}>
964 <circle cx="11" cy="11" r="7" /><line x1="21" y1="21" x2="16.65" y2="16.65" />
965 </svg>
966 <input type="text" placeholder={L.search} value={q} onChange={e => {
967 setQ(e.target.value);
968 if (e.target.value) setStart(false);
969 }} aria-label={L.search} />
970 </div>
971
972 <div className={'pl-tags' + (ql ? ' pl-dim' : '')}>
973 <button type="button" className={'pl-tag pl-start' + (!ql && start ? ' pl-on' : '')} onClick={() => {
974 setQ('');
975 setStart(!start);
976 if (!start) setSel(null);
977 }}>
978 ★ {L.startHere}
979 </button>
980 <span className="pl-sep" />
981 {TAGS.map(k => <button key={k} type="button" aria-pressed={!ql && sel === k} className={'pl-tag' + (!ql && sel === k ? ' pl-on' : '')} onClick={() => {
982 setQ('');
983 toggleTag(k);
984 }}>
985 {TL(k)}
986 </button>)}
987 {(start || sel || q) && <button type="button" className="pl-clear" onClick={clear}>{L.clear}</button>}
988 <span className="pl-count">{results.length} {results.length === 1 ? L.prompt : L.prompts}</span>
989 </div>
990
991 {results.length === 0 ? <div className="pl-empty">
992 {L.noMatch} {ql ? <code>{q}</code> : null} <button type="button" className="pl-clear" onClick={clear}>{L.clear}</button>
993 </div> : !ql && start ? <div>
994 <div className="pl-group-h">{L.startHereHeader}</div>
995 {results.map(card)}
996 <button type="button" className="pl-show-all" onClick={clear}>
997 {L.showAll && L.showAll.replace('{n}', PROMPTS.length)} →
998 </button>
999 </div> : grouped.map(g => <div key={g.sdlc + '|' + g.cat}>
1000 <div className="pl-group-h"><span className="pl-phase">{phaseLabels[g.sdlc] || g.sdlc}</span> · {catLabels[g.cat] || g.cat}</div>
1001 {g.items.map(card)}
1002 </div>)}
1003 </div>;
1004};
1005
1006이것은 Claude Code에 복사하여 붙여넣을 수 있는 프롬프트 라이브러리입니다. 이를 사용하여 아직 시도하지 않은 작업 방식을 탐색하거나 어디서부터 시작해야 할지 확실하지 않을 때 활용하십시오.9이것은 Claude Code에 복사하여 붙여넣을 수 있는 프롬프트 라이브러리입니다. 이를 사용하여 아직 시도하지 않은 작업 방식을 탐색하거나 어디서부터 시작해야 할지 확실하지 않을 때 활용하십시오.
1007 10
1008프롬프트는 [일반적인 워크플로우](/docs/ko/common-workflows), [모범 사례](/docs/ko/best-practices), [Anthropic 팀이 Claude Code를 사용하는 방법](https://claude.com/blog/how-anthropic-teams-use-claude-code)을 포함한 다양한 Anthropic 가이드에서 수집되었습니다. 이들은 스크립트가 아닌 시작점입니다. 모든 프롬프트 아래의 **이것이 작동하는 이유**를 열어 패턴을 확인하면 자신만의 프롬프트를 작성할 수 있습니다.11프롬프트는 [일반적인 워크플로우](/docs/ko/common-workflows), [모범 사례](/docs/ko/best-practices), [Anthropic 팀이 Claude Code를 사용하는 방법](https://claude.com/blog/how-anthropic-teams-use-claude-code)을 포함한 다양한 Anthropic 가이드에서 수집되었습니다. 이들은 스크립트가 아닌 시작점입니다. 모든 프롬프트 아래의 **이것이 작동하는 이유**를 열어 패턴을 확인하면 자신만의 프롬프트를 작성할 수 있습니다.
1009 12
1010export const labels = {13## 이 프롬프트가 작동하는 이유
1011 startHere: "여기서 시작",
1012 startHereHeader: "먼저 시도할 다섯 가지 프롬프트",
1013 showAll: "{n}개의 모든 프롬프트 표시",
1014 search: "프롬프트 검색…",
1015 clear: "지우기",
1016 prompt: "프롬프트",
1017 prompts: "프롬프트",
1018 noMatch: "일치하는 프롬프트 없음",
1019 fillAndCopy: "입력하고 복사",
1020 copyThis: "이 프롬프트 복사",
1021 hintBefore: "입력",
1022 hintChip: "강조된",
1023 hintAfter: "필드를 입력하여 사용자 정의한 후 복사하십시오.",
1024 copy: "복사",
1025 copied: "복사됨",
1026 whyWorks: "이것이 작동하는 이유",
1027 makeItStick: "기억하기",
1028 from: "출처",
1029 paste: {
1030 mockup: "목업 이미지를 붙여넣거나, 드래그하거나, @-멘션한 후 다음을 전송하십시오:",
1031 design: "디자인 이미지를 붙여넣거나, 드래그하거나, @-멘션한 후 다음을 전송하십시오:",
1032 screenshot: "스크린샷을 붙여넣거나, 드래그하거나, @-멘션한 후 다음을 전송하십시오:",
1033 plan: "계획 출력을 먼저 프롬프트에 붙여넣은 후 다음을 전송하십시오:",
1034 error: "오류 출력을 먼저 프롬프트에 붙여넣은 후 다음을 전송하십시오:",
1035 csv: "파일을 프롬프트로 드래그하거나, 아래 경로를 자신의 @-멘션으로 바꾸십시오:"
1036 },
1037 needsLabel: "필요",
1038 needs: {
1039 tracker: "이슈 추적기가 [claude.ai 커넥터](/docs/ko/mcp#use-mcp-servers-from-claude-ai) 또는 [MCP 서버](/docs/ko/mcp)로 추가됨.",
1040 gh: "[gh CLI](https://cli.github.com)가 인증되었거나 GitHub이 [claude.ai 커넥터](/docs/ko/mcp#use-mcp-servers-from-claude-ai)로 추가됨.",
1041 browser: "Claude가 결과를 렌더링하고 스크린샷을 찍을 수 있는 방법. [데스크톱 앱](/docs/ko/desktop#preview-your-app)에는 이 기능이 내장되어 있습니다. 터미널에서 [Chrome 확장 프로그램](/docs/ko/chrome)이나 Playwright [MCP](/docs/ko/mcp) 서버를 설치하십시오.",
1042 db: "데이터 웨어하우스 또는 로그 저장소가 [claude.ai 커넥터](/docs/ko/mcp#use-mcp-servers-from-claude-ai) 또는 [MCP 서버](/docs/ko/mcp)로 추가됨."
1043 }
1044};
1045
1046export const tagLabels = {
1047 understand: "이해",
1048 plan: "계획",
1049 prototype: "프로토타입",
1050 build: "구축",
1051 test: "테스트",
1052 refactor: "리팩토링",
1053 review: "검토",
1054 steer: "조정",
1055 debug: "디버깅",
1056 git: "Git",
1057 release: "릴리스",
1058 data: "데이터",
1059 automate: "자동화",
1060 pm: "제품",
1061 design: "디자인",
1062 docs: "문서",
1063 marketing: "마케팅",
1064 security: "보안",
1065 ops: "온콜"
1066};
1067
1068export const phaseLabels = {
1069 discover: "발견",
1070 design: "디자인",
1071 build: "구축",
1072 ship: "배포",
1073 operate: "운영"
1074};
1075
1076export const sourceLabels = {
1077 workflows: "일반적인 워크플로우",
1078 teams: "Anthropic 팀이 Claude Code를 사용하는 방법",
1079 legal: "Anthropic이 법률 분야에서 Claude를 사용하는 방법",
1080 cybersecurity: "Anthropic이 사이버보안 분야에서 Claude를 사용하는 방법",
1081 "best-practices": "모범 사례",
1082 ebook: "에이전트 코딩 확장 가이드"
1083};
1084
1085export const catLabels = {
1086 Onboard: "온보드",
1087 Understand: "이해",
1088 Plan: "계획",
1089 Prototype: "프로토타입",
1090 Implement: "구현",
1091 Test: "테스트",
1092 Refactor: "리팩토링",
1093 Review: "검토",
1094 Steer: "조정",
1095 Git: "Git",
1096 Release: "릴리스",
1097 Debug: "디버깅",
1098 Incident: "인시던트",
1099 Data: "데이터",
1100 Automate: "자동화"
1101};
1102
1103export const text = {
1104 "get-oriented-in-a": {
1105 title: "새로운 저장소에서 방향 잡기",
1106 teaches: "읽을 파일을 지정하지 말고 알고 싶은 것을 설명하십시오. Claude가 프로젝트를 자체적으로 탐색하고 어떻게 함께 작동하는지에 대한 요약을 반환합니다.",
1107 next: "`/init`를 실행하여 `CLAUDE.md`를 설정하면 Claude가 매 세션마다 이를 기억합니다",
1108 prompt: "이 코드베이스의 개요를 알려 주세요: 아키텍처, 주요 디렉터리, 각 부분이 어떻게 연결되는지"
1109 },
1110 "explain-unfamiliar-code": {
1111 title: "낯선 코드 설명",
1112 teaches: "파일 이름을 지정하고 답변을 원하는 형식을 말하십시오. HTML 페이지를 다이어그램, 글머리 기호 또는 학습 방식에 맞는 형식으로 바꾸십시오.",
1113 next: "출력 스타일을 설정하면 Claude가 항상 선호하는 형식으로 설명합니다",
1114 prompt: "{path}의 역할과 그 안에서 데이터가 어떻게 흐르는지 설명해 주세요. 결과는 {format}",
1115 slots: {
1116 path: "src/scheduler/queue.ts",
1117 format: "다이어그램이 포함된 HTML 페이지로 작성하고 브라우저에서 열어 주세요"
1118 }
1119 },
1120 "find-where-something-happens": {
1121 title: "무언가가 발생하는 위치 찾기",
1122 teaches: "파일 이름으로 검색하지 말고 동작으로 검색하십시오. 파일 이름이나 디렉토리를 모르더라도 검색이 작동합니다.",
1123 prompt: "{behavior} 작업은 어디에서 처리하나요?",
1124 slots: {
1125 behavior: "업로드된 파일 형식 검증"
1126 }
1127 },
1128 "see-what-depends-on": {
1129 title: "삭제하기 전에 무엇이 깨지는지 확인",
1130 teaches: "무언가를 제거하기 전에 물어보십시오. 호출자 목록과 다운스트림 영향은 한 줄 정리인지 아니면 조정이 필요한 변경인지를 알려줍니다.",
1131 prompt: "{target} 삭제 시 무엇이 깨지나요?",
1132 slots: {
1133 target: "retryWithBackoff 헬퍼"
1134 }
1135 },
1136 "trace-how-code-evolved": {
1137 title: "코드가 어떻게 진화했는지 추적",
1138 teaches: "무엇이 아닌 왜에 대한 질문일 때 커밋 히스토리를 지적하십시오. Claude가 사용 중인 모든 버전 제어 시스템의 로그와 blame을 읽고 현재 구현 뒤의 결정을 설명합니다.",
1139 prompt: "{path}의 커밋 히스토리를 살펴보고 어떻게, 그리고 왜 변화해 왔는지 요약해 주세요",
1140 slots: {
1141 path: "internal/auth/session.go"
1142 }
1143 },
1144 "scope-a-change-before": {
1145 title: "시작하기 전에 변경 범위 지정",
1146 teaches: "로드맵에 커밋하기 전에 작업 규모를 파악하십시오. 파일 목록은 단일 구성 요소인지 아니면 교차 절단 변경인지를 알려줍니다.",
1147 prompt: "{change} 작업을 하려면 어떤 파일을 수정해야 하나요?",
1148 slots: {
1149 change: "설정에 다크 모드 토글 추가"
1150 }
1151 },
1152 "ask-the-codebase-a": {
1153 title: "코드베이스에 제품 질문 하기",
1154 teaches: "역할을 명시하면 답변이 적절한 수준으로 제시됩니다. Claude가 소스 코드에서 제품이 실제로 무엇을 하는지 설명하므로 읽을 필요가 없습니다.",
1155 next: "출력 스타일을 설정하면 Claude가 항상 이 수준으로 답변을 제시합니다",
1156 prompt: "저는 {role}입니다. 사용자가 {action} 때 UI부터 결과까지 어떤 일이 일어나는지 단계별로 설명해 주세요",
1157 slots: {
1158 role: "PM",
1159 action: "Export to PDF를 클릭할"
1160 }
1161 },
1162 "plan-a-multi-file": {
1163 title: "코드를 건드리기 전에 다중 파일 변경 계획",
1164 teaches: "\"아직 편집하지 마세요\"를 추가하면 탐색과 변경이 분리되므로 코드가 움직이기 전에 접근 방식을 볼 수 있습니다. 모든 프롬프트에서 계획 우선을 기본값으로 만들려면 Shift+Tab을 눌러 [플랜 모드](/docs/ko/permission-modes#analyze-before-you-edit-with-plan-mode)를 사용하십시오.",
1165 prompt: "{target} 리팩터링 계획을 세워 주세요. 목표: {goal}. 변경할 파일을 나열하되 아직 아무것도 편집하지 마세요",
1166 slots: {
1167 target: "결제 모듈",
1168 goal: "다중 통화 지원"
1169 }
1170 },
1171 "draft-a-spec-by": {
1172 title: "인터뷰로 사양 작성",
1173 teaches: "사양을 직접 작성하는 대신 인터뷰를 요청하십시오. Claude가 요구 사항이 완료될 때까지 구조화된 질문을 하고 결과를 파일에 작성합니다.",
1174 next: "인터뷰 질문을 `/spec` 스킬로 저장하면 모든 사양이 같은 방식으로 시작됩니다",
1175 prompt: "{feature} 기능을 만들고 싶습니다. 모든 내용을 다룰 때까지 구현, UX, 엣지 케이스, 트레이드오프에 대해 저를 인터뷰한 다음 사양을 SPEC.md에 작성해 주세요",
1176 slots: {
1177 feature: "워크스페이스별 속도 제한"
1178 }
1179 },
1180 "turn-a-meeting-into": {
1181 title: "회의를 티켓으로 변환",
1182 teaches: "옮겨 적는 단계를 건너뛰십시오. Claude가 구조화되지 않은 입력에서 작업 항목을 추출하고 [MCP](/docs/ko/mcp)를 통해 추적기에 직접 작성하므로 트랜스크립트가 아닌 티켓을 검토합니다.",
1183 next: "이를 `/tickets` 스킬로 저장하십시오",
1184 prompt: "{input} 파일을 읽고 작업 항목을 정리한 다음, 각 항목에 대해 인수 기준을 포함한 {tracker} 티켓을 만들어 주세요",
1185 slots: {
1186 input: "@meeting-notes.md",
1187 tracker: "우리 팀 이슈 추적기"
1188 }
1189 },
1190 "map-edge-cases-before": {
1191 title: "구축하기 전에 엣지 케이스 매핑",
1192 teaches: "있는 것이 아닌 없는 것을 물어보십시오. Claude가 행복한 경로 디자인이 건너뛰는 오류 상태, 빈 상태 및 엣지 케이스를 나열합니다.",
1193 prompt: "디자인에서 다뤄야 하는 {feature}의 오류 상태, 빈 상태, 엣지 케이스를 나열해 주세요",
1194 slots: {
1195 feature: "파일 업로드 흐름"
1196 }
1197 },
1198 "turn-a-mockup-into": {
1199 title: "목업을 작동하는 프로토타입으로 변환",
1200 teaches: "클릭 가능한 프로토타입은 정적 목업이 답할 수 없는 질문에 답합니다. 문서에서 상호 작용을 설명하는 대신 작동하는 코드를 엔지니어링에 전달하십시오.",
1201 prompt: "목업입니다. 표시된 레이아웃과 상태에 맞춰 클릭해 볼 수 있는 작동하는 프로토타입을 만들어 주세요"
1202 },
1203 "implement-from-a-screenshot": {
1204 title: "스크린샷에서 구현하고 자체 확인",
1205 teaches: "이것은 Claude에 검증 루프를 제공합니다. 렌더링하고, 소스 이미지와 비교하고, 각 간격을 지적할 필요 없이 반복합니다.",
1206 next: "스크린샷이 일치할 때까지 Claude가 반복하도록 `/goal`을 사용하십시오",
1207 prompt: "이 디자인을 구현한 다음, 결과의 스크린샷을 찍어 원본과 비교하고 차이가 있으면 수정해 주세요"
1208 },
1209 "follow-an-existing-pattern": {
1210 title: "기존 패턴 따르기",
1211 teaches: "이미 좋아하는 코드를 지적하십시오. 참조가 없으면 Claude는 일반적인 모범 사례로 기본값을 설정합니다. 참조가 있으면 코드베이스가 실제로 사용하는 규칙과 일치합니다.",
1212 next: "Claude가 따른 패턴을 `CLAUDE.md`에 작성하도록 요청하면 향후 세션이 참조 없이 일치합니다",
1213 prompt: "{example}의 구현 방식을 살펴보고 패턴을 파악한 다음, {new}도 같은 방식으로 만들어 주세요",
1214 slots: {
1215 example: "기존 웹훅 핸들러",
1216 new: "결제 웹훅 핸들러"
1217 }
1218 },
1219 "add-a-small-well": {
1220 title: "작고 잘 정의된 기능 추가",
1221 teaches: "구축 방법이 아닌 입력과 출력을 명시하십시오. Claude가 유사한 코드가 있는 위치를 찾고 옆에 추가합니다.",
1222 prompt: "{payload} 정보를 반환하는 {endpoint} 엔드포인트를 추가해 주세요",
1223 slots: {
1224 endpoint: "/health",
1225 payload: "앱 버전과 가동 시간"
1226 }
1227 },
1228 "build-a-small-internal": {
1229 title: "처음부터 작은 내부 도구 구축",
1230 teaches: "프로젝트, 프레임워크 또는 빌드 단계가 필요하지 않습니다. 도구를 설명하고 Claude에 열도록 요청하면 즉시 작동하는 것을 볼 수 있습니다.",
1231 prompt: "HTML, CSS, 바닐라 JavaScript를 사용해 {tool} 하나를 만든 다음 브라우저에서 열어 주세요",
1232 slots: {
1233 tool: "세 개의 열이 있는 드래그 앤 드롭 칸반 보드"
1234 }
1235 },
1236 "work-an-issue-end": {
1237 title: "이슈를 끝까지 처리",
1238 teaches: "요약이 아닌 이슈 번호를 제공하십시오. Claude가 전체 티켓을 읽으므로 언급하기를 잊을 요구 사항이 포함되고 변경을 검증한 후 보고합니다.",
1239 prompt: "이슈 #{issue}의 내용을 읽고 수정 사항을 구현한 다음 테스트를 실행해 주세요",
1240 slots: {
1241 issue: "312"
1242 }
1243 },
1244 "find-and-update-copy": {
1245 title: "코드베이스 전체에서 문구 찾기 및 업데이트",
1246 teaches: "변형을 요청하고 건너뛸 항목을 말하십시오. Claude가 문자 검색이 놓칠 표현을 찾고 테스트 픽스처와 히스토리는 건드리지 않으므로 사용자가 실제로 보는 문구만 검토합니다.",
1247 prompt: "\"{copy}\" 또는 비슷한 표현을 사용하는 모든 곳을 찾아 각각을 맥락과 함께 보여 준 다음, 모두 다음 문구로 변경해 주세요: \"{new}\". 테스트와 변경 로그는 건드리지 마세요",
1248 slots: {
1249 copy: "무료로 가입하기",
1250 new: "무료 체험 시작"
1251 }
1252 },
1253 "draft-from-past-examples": {
1254 title: "과거 예제에서 문서 작성",
1255 teaches: "스타일을 설명하는 대신 완성된 작업 폴더를 지적하십시오. Claude가 이미 배포한 것에서 구조와 어조를 학습하므로 첫 번째 초안이 직접 쓴 것처럼 읽힙니다.",
1256 next: "어조를 스킬로 저장하면 모든 초안이 거기서 시작됩니다",
1257 prompt: "{folder}에 있는 {examples} 문서를 읽고 구조와 어조를 파악한 다음, {topic}에 대한 새 문서를 작성해 주세요",
1258 slots: {
1259 examples: "개인정보 영향 평가서",
1260 folder: "legal/pia/",
1261 topic: "새 분석 통합"
1262 }
1263 },
1264 "write-tests-run-them": {
1265 title: "테스트 작성, 실행, 실패 수정",
1266 teaches: "쓰기, 실행, 수정을 함께 요청하면 Claude가 지시를 기다리지 않고 반복합니다.",
1267 next: "Claude가 테스트 명령을 자동으로 학습하도록 `/init`를 실행하십시오",
1268 prompt: "{path}에 대한 테스트를 작성하고 실행한 다음 실패한 테스트를 수정해 주세요",
1269 slots: {
1270 path: "app/parsers/feed.py"
1271 }
1272 },
1273 "drive-implementation-from-tests": {
1274 title: "테스트에서 구현 주도",
1275 teaches: "테스트 주도 개발: 테스트가 작업이 완료되는 시점을 정의하고 Claude가 통과할 때까지 구현을 반복합니다.",
1276 prompt: "먼저 {feature}에 대한 테스트를 작성한 다음, 테스트가 통과할 때까지 구현해 주세요",
1277 slots: {
1278 feature: "비밀번호 재설정 흐름"
1279 }
1280 },
1281 "fill-gaps-from-a": {
1282 title: "커버리지 보고서에서 간격 채우기",
1283 teaches: "추측하는 대신 커버리지 보고서를 지적하십시오. Claude가 실제 숫자를 읽고 가장 필요한 파일에 대한 테스트를 작성합니다.",
1284 next: "이를 `/goal`로 설정하면 Claude가 커버리지가 목표에 도달할 때까지 테스트를 계속 작성합니다",
1285 prompt: "{report} 파일을 읽고 커버리지가 가장 낮은 파일에 테스트를 추가해 각 파일이 {target}%를 넘도록 해 주세요",
1286 slots: {
1287 report: "coverage/coverage-summary.json",
1288 target: "80"
1289 }
1290 },
1291 "port-code-between-languages": {
1292 title: "코드를 다른 언어로 포팅",
1293 teaches: "대상 언어만이 아닌 보존할 항목을 말하십시오. 유지해야 하는 API 또는 동작의 이름을 지정하면 Claude가 포트를 확인할 계약을 제공합니다.",
1294 prompt: "{source}을 {target}로 포팅하되, {keep}은 동일하게 유지해 주세요",
1295 slots: {
1296 source: "이 Python 모듈",
1297 target: "Rust",
1298 keep: "공개 API와 테스트 동작"
1299 }
1300 },
1301 "generate-docs-for-code": {
1302 title: "문서화되지 않은 코드에 대한 문서 생성",
1303 teaches: "범위와 형식을 지정하십시오. Claude가 누락된 항목을 찾고 파일에 이미 있는 주석 스타일과 일치하므로 새 문서가 나머지처럼 읽힙니다.",
1304 prompt: "{format} 주석이 없는 {scope}를 찾아 파일에 이미 사용된 스타일에 맞춰 주석을 추가해 주세요",
1305 slots: {
1306 scope: "src/auth/의 공개 함수",
1307 format: "JSDoc"
1308 }
1309 },
1310 "migrate-a-pattern-across": {
1311 title: "코드베이스 전체에서 패턴 마이그레이션",
1312 teaches: "이전 패턴과 새 패턴을 설명하십시오. Claude에 먼저 모든 위치를 식별하도록 요청하면 호출 사이트가 응답에 나열되므로 놓친 것이 없는지 확인할 수 있습니다. 많은 파일에 걸친 마이그레이션의 경우 [/batch](/docs/ko/commands)를 실행하십시오. Claude가 작업을 승인할 단위로 분할하고 백그라운드 서브에이전트가 변경을 수행합니다.",
1313 prompt: "{from}에서 {to}로 모두 마이그레이션해 주세요. 변경이 필요한 모든 위치를 먼저 식별한 다음 변경해 주세요",
1314 slots: {
1315 from: "기존 로깅 API",
1316 to: "구조화된 로거"
1317 }
1318 },
1319 "optimize-against-a-measurable": {
1320 title: "측정 가능한 목표에 대해 최적화",
1321 teaches: "메트릭과 목표를 명시하면 Claude에 명확한 완료 정의를 제공합니다.",
1322 next: "이를 `/goal`로 설정하면 Claude가 숫자에 도달할 때까지 측정하고 반복합니다",
1323 prompt: "{target}를 최적화해 {metric}을 {current}에서 {goal} 미만으로 낮춰 주세요",
1324 slots: {
1325 target: "검색 쿼리",
1326 metric: "p95 지연 시간",
1327 current: "2s",
1328 goal: "500ms"
1329 }
1330 },
1331 "fix-a-precise-visual": {
1332 title: "정확한 시각적 버그 수정",
1333 teaches: "정확한 시각적 피드백은 정확한 수정을 얻습니다. 정확한 요소, 측정 및 뷰포트를 명시하십시오.",
1334 next: "Claude가 수정을 스크린샷하고 자체적으로 검증하도록 미리보기 도구를 추가하십시오",
1335 prompt: "{viewport}에서 {element}이 {container}보다 {amount} 튀어나옵니다. 수정해 주세요.",
1336 slots: {
1337 element: "로그인 버튼",
1338 amount: "20px",
1339 container: "카드 테두리",
1340 viewport: "모바일"
1341 }
1342 },
1343 "review-your-changes-before": {
1344 title: "커밋하기 전에 변경 사항 검토",
1345 teaches: "수정하는 데 드는 작업이 적을 때 문제를 포착하십시오. Claude가 diff 줄만이 아닌 변경된 파일 전체를 읽으므로 빠른 자체 검토가 놓칠 문제를 발견합니다.",
1346 next: "한 명령으로 동일한 확인을 위해 `/code-review`를 실행하십시오",
1347 prompt: "커밋하기 전에 커밋되지 않은 변경 사항을 리뷰하고 위험해 보이는 부분을 알려 주세요"
1348 },
1349 "review-a-pull-request": {
1350 title: "풀 리퀘스트 리뷰",
1351 teaches: "Claude가 diff만이 아닌 전체 코드베이스 컨텍스트로 리뷰합니다. 변경된 코드와 호출하는 항목을 읽으므로 diff 전용 리뷰가 놓칠 문제를 포착합니다.",
1352 next: "한 명령으로 `/code-review <pr#>`를 실행하거나, 모든 PR에 대해 Code Review를 켜십시오",
1353 prompt: "PR #{pr}의 변경 사항을 리뷰해 요약한 다음 우려 사항을 나열해 주세요",
1354 slots: {
1355 pr: "247"
1356 }
1357 },
1358 "review-infrastructure-changes-before": {
1359 title: "적용하기 전에 인프라 변경 검토",
1360 teaches: "계획 출력은 밀도가 높고 스캔하기 어렵습니다. 붙여넣으면 적용하기 전에 실제로 변경될 내용의 일반 언어 요약을 얻습니다.",
1361 prompt: "제 Terraform plan 출력입니다. 이것이 무엇을 하게 되는지, 그리고 문제를 일으킬 만한 부분이 있는지 알려 주세요"
1362 },
1363 "run-a-security-review": {
1364 title: "서브에이전트로 보안 검토 실행",
1365 teaches: "[서브에이전트](/docs/ko/sub-agents)가 자신의 컨텍스트 윈도우에서 감사를 실행하고 요약을 보고하므로 긴 보안 검토가 주 세션을 채우지 않습니다. 기본 제공 범용 서브에이전트가 추가 설정 없이 이를 처리합니다.",
1366 next: "전체 팀이 사용할 수 있는 전용 보안 검토 서브에이전트를 설정하십시오",
1367 prompt: "서브에이전트를 사용해 {path}의 보안 문제를 검토하고 발견한 내용을 보고해 주세요",
1368 slots: {
1369 path: "src/api/"
1370 }
1371 },
1372 "review-content-before-sending": {
1373 title: "공식 검토 전에 문제 포착",
1374 teaches: "사람이 시간을 소비하기 전에 첫 번째 검토를 받으십시오. 확인하려는 우려 사항을 지정하면 검토가 집중되고 발견한 항목을 수정한 후 더 깔끔한 초안을 전송합니다.",
1375 next: "검토 체크리스트를 스킬로 캡처하면 전체 팀이 실행할 수 있습니다",
1376 prompt: "{file}에서 {concerns} 여부를 검토하고 {reviewer}에 넘기기 전에 수정해야 할 사항을 나열해 주세요",
1377 slots: {
1378 file: "launch-post.md",
1379 concerns: "근거 없는 주장, 누락된 출처 표기, 브랜드 가이드라인 문제",
1380 reviewer: "법무팀"
1381 }
1382 },
1383 "course-correct-a-wrong": {
1384 title: "잘못된 접근 방식 수정",
1385 teaches: "잘못되었다는 것만이 아닌 Claude가 놓친 제약을 지정하십시오. 구체적인 이유는 Claude에 다시 추측하는 대신 재시도에서 만족할 구체적인 제약을 제공합니다.",
1386 next: "코드와 대화를 복원하도록 `Esc`를 두 번 눌러 되감기 메뉴를 열면 재시도가 깔끔하게 시작됩니다",
1387 prompt: "그건 맞지 않습니다: {feedback}. 다른 접근 방식을 시도해 주세요",
1388 slots: {
1389 feedback: "함수 시그니처는 하위 호환성을 유지해야 합니다"
1390 }
1391 },
1392 "narrow-the-scope-of": {
1393 title: "변경 범위 좁히기",
1394 teaches: "방향이 맞지만 변경이 너무 광범위할 때 모든 것을 되감는 대신 Claude에 일부를 유지하도록 요청하십시오. 명시된 경계는 작은 수정이 리팩토링이 되는 것을 방지합니다.",
1395 prompt: "너무 많이 변경했습니다. {scope}에 대한 변경만 유지하고 나머지 편집은 되돌려 주세요",
1396 slots: {
1397 scope: "src/forms/의 유효성 검사 로직"
1398 }
1399 },
1400 "turn-a-correction-into": {
1401 title: "수정을 규칙으로 변환",
1402 teaches: "채팅의 수정은 팀과 공유되지 않습니다. 프로젝트의 [CLAUDE.md](/docs/ko/memory)의 규칙은 커밋하면 공유되고 Claude가 매 세션의 시작에 읽습니다.",
1403 next: "Claude가 작성한 내용을 검토하려면 `/memory`를 여십시오",
1404 prompt: "{mistake} 실수를 계속 반복하고 있습니다. 이런 일이 다시 없도록 CLAUDE.md에 규칙을 추가해 주세요",
1405 slots: {
1406 mistake: "이 프로젝트는 named export를 쓰는데 default export를 사용하는"
1407 }
1408 },
1409 "resolve-merge-conflicts": {
1410 title: "병합 충돌 해결",
1411 teaches: "유지할 마커를 말하지 말고 원하는 상태를 말하십시오. 추론을 요청하면 병합이 검토 가능해지므로 블랙박스가 아닙니다.",
1412 prompt: "이 브랜치의 병합 충돌을 해결하고 각 쪽에서 무엇을 유지했는지 설명해 주세요"
1413 },
1414 "commit-with-a-generated": {
1415 title: "생성된 메시지로 커밋",
1416 teaches: "Claude가 diff에서 메시지를 도출하도록 하십시오. 저장소의 기존 커밋 스타일과 일치합니다.",
1417 prompt: "제가 한 작업을 요약한 메시지로 이 변경 사항을 커밋해 주세요"
1418 },
1419 "open-a-pull-request": {
1420 title: "티켓에서 풀 리퀘스트 열기",
1421 teaches: "추적기, 편집기, GitHub 간의 컨텍스트 전환을 건너뛰십시오. 한 프롬프트가 사양을 읽고, 변경을 하고, PR을 엽니다.",
1422 prompt: "{topic} 관련 {tracker} 티켓을 찾아 이를 구현하는 PR을 열어 주세요",
1423 slots: {
1424 tracker: "우리 팀 이슈 추적기",
1425 topic: "로그인 타임아웃"
1426 }
1427 },
1428 "draft-release-notes-from": {
1429 title: "git 히스토리에서 릴리스 노트 작성",
1430 teaches: "두 개의 참조 지점과 원하는 구조를 제공하십시오. Claude가 그 사이의 커밋 로그를 읽고 편집할 수 있는 변경 로그를 작성합니다.",
1431 next: "이를 `/changelog` 스킬로 저장하십시오",
1432 prompt: "{from}부터 {to}까지 비교해서 기능, 수정, 호환성이 깨지는 변경으로 그룹화한 릴리스 노트 초안을 작성해 주세요",
1433 slots: {
1434 from: "v2.3.0",
1435 to: "v2.4.0"
1436 }
1437 },
1438 "write-a-ci-workflow": {
1439 title: "CI 워크플로 작성",
1440 teaches: "실행 시기와 수행할 작업을 설명하십시오. YAML은 프로젝트의 빌드 및 테스트 명령과 일치하도록 생성됩니다.",
1441 prompt: "{branch}에 푸시할 때마다 {steps} GitHub Actions 워크플로를 작성해 주세요",
1442 slots: {
1443 steps: "테스트를 실행하고 스테이징에 배포하는",
1444 branch: "main"
1445 }
1446 },
1447 "find-and-fix-a": {
1448 title: "실패한 테스트 찾기 및 수정",
1449 teaches: "증상을 설명하십시오. 어느 파일이 깨졌는지 알 필요가 없습니다. Claude가 테스트를 실행하여 실패를 보고, 소스로 추적하고, 수정합니다.",
1450 prompt: "{test} 테스트가 실패하고 있습니다. 원인을 찾아 수정해 주세요",
1451 slots: {
1452 test: "UserAuth"
1453 }
1454 },
1455 "investigate-a-reported-error": {
1456 title: "보고된 오류 조사",
1457 teaches: "증상과 위치를 설명하십시오. Claude가 관련 코드 경로를 읽고 가능한 원인을 추적합니다. 스택 추적이나 로그가 있으면 붙여넣으십시오.",
1458 next: "런북에 딥링크를 넣으면 이 프롬프트가 미리 채워진 상태로 Claude를 엽니다",
1459 prompt: "사용자가 {where}에서 {symptom} 문제를 겪고 있습니다. 조사해서 무슨 일이 일어나고 있는지 알려 주세요",
1460 slots: {
1461 symptom: "500 오류",
1462 where: "/api/settings"
1463 }
1464 },
1465 "fix-a-build-error": {
1466 title: "빌드 오류를 근본 원인에서 수정",
1467 teaches: "근본 원인과 검증을 요청하면 오류를 수정하지 않고 억제하는 표면 수준의 패치를 방지합니다.",
1468 prompt: "빌드 오류입니다. 근본 원인을 수정하고 빌드가 성공하는지 확인해 주세요"
1469 },
1470 "investigate-a-production-incident": {
1471 title: "프로덕션 인시던트 조사",
1472 teaches: "수행할 단계가 아닌 상관 관계를 지을 증거 소스를 나열하십시오. Claude가 로그, git 히스토리, 구성을 함께 읽어 원인을 좁힙니다.",
1473 next: "MCP를 통해 오류 추적기 또는 로그 스토어를 연결하십시오",
1474 prompt: "{symptom}. 로그, 최근 배포, 구성 변경을 확인한 다음 가장 가능성 높은 원인을 알려 주세요",
1475 slots: {
1476 symptom: "한 시간 전부터 checkout 엔드포인트가 500을 반환하기 시작했습니다"
1477 }
1478 },
1479 "query-logs-in-plain": {
1480 title: "자연어로 로그 쿼리",
1481 teaches: "SQL을 작성하는 대신 질문을 하십시오. Claude가 쿼리를 구축하고 연결된 로그에 대해 실행하고 쿼리와 결과를 모두 표시하므로 실행된 항목을 확인할 수 있습니다.",
1482 prompt: "{timeframe} 동안 {scope}의 {events} 기록을 모두 보여 주세요. 쿼리를 작성하고 실행한 다음 눈에 띄는 점을 알려 주세요",
1483 slots: {
1484 events: "로그인 실패",
1485 scope: "인증 서비스",
1486 timeframe: "지난 24시간"
1487 }
1488 },
1489 "diagnose-from-a-console": {
1490 title: "콘솔 스크린샷에서 진단",
1491 teaches: "클라우드 콘솔은 문제를 보여주지만 수정할 명령은 보여주지 않습니다. Claude가 스크린샷을 읽고 대시보드를 실행할 kubectl, gcloud 또는 aws 명령으로 변환합니다.",
1492 prompt: "{console} 스크린샷입니다. {resource}가 실패하는 이유를 단계별로 설명하고 이를 수정할 정확한 명령을 알려 주세요",
1493 slots: {
1494 console: "우리 팀 Kubernetes 대시보드",
1495 resource: "이 파드"
1496 }
1497 },
1498 "analyze-a-data-file": {
1499 title: "데이터 파일 분석",
1500 teaches: "일회성 질문은 일회성 스크립트가 필요하지 않습니다. 프로젝트 폴더의 파일을 지적하면 Claude가 직접 읽고, 패턴을 찾고, 요청한 위치에 출력을 작성합니다.",
1501 next: "파일을 내보내는 대신 MCP를 통해 데이터 소스를 연결하십시오",
1502 prompt: "{file} 파일을 읽고 주요 패턴을 요약해 주세요. 결과는 {output}",
1503 slots: {
1504 file: "@reports/q1-signups.csv",
1505 output: "차트가 포함된 HTML 페이지로 작성하고 브라우저에서 열어 주세요"
1506 }
1507 },
1508 "generate-variations-from-performance": {
1509 title: "성능 데이터에서 변형 생성",
1510 teaches: "생성이 제한 내에 머물도록 시작 시 제약을 명시하십시오. Claude가 메트릭을 읽고, 바꿀 항목을 선택하고, 맞는 대안을 생성합니다.",
1511 next: "파일을 내보내는 대신 MCP를 통해 광고 플랫폼을 연결하십시오",
1512 prompt: "{file} 파일을 읽고 성과가 낮은 {items}을 찾아 {limit}자 미만의 새 변형 {n}개를 생성해 주세요",
1513 slots: {
1514 file: "@ads-performance.csv",
1515 items: "헤드라인",
1516 n: "20",
1517 limit: "90"
1518 }
1519 },
1520 "turn-a-recurring-task": {
1521 title: "반복 작업을 스킬로 변환",
1522 teaches: "단계를 한 번 지정하고 명령으로 재사용하십시오. Claude가 팀의 누구나 실행할 수 있는 [스킬](/docs/ko/skills)을 작성합니다.",
1523 prompt: "이 프로젝트용으로 {steps} /{name} 스킬을 만들어 주세요",
1524 slots: {
1525 name: "ship",
1526 steps: "린터와 테스트를 실행한 다음 커밋 메시지 초안을 작성하는"
1527 }
1528 },
1529 "add-a-hook-for": {
1530 title: "반복 동작을 위한 훅 추가",
1531 teaches: "훅은 동작을 자동으로 만들므로 요청하기를 기억할 필요가 없습니다. 트리거와 작업을 설명하면 Claude가 [훅](/docs/ko/hooks) 구성을 작성합니다.",
1532 prompt: "{event} 이후 매번 {action} 훅을 작성해 주세요",
1533 slots: {
1534 action: "prettier를 실행하는",
1535 event: ".ts 또는 .tsx 파일 편집"
1536 }
1537 },
1538 "connect-a-tool-with": {
1539 title: "MCP로 도구 연결",
1540 teaches: "매 세션마다 데이터를 붙여넣는 대신 소스를 한 번 연결하십시오. [MCP](/docs/ko/mcp) 설정 후 Claude가 요청할 때 도구에서 직접 읽습니다.",
1541 prompt: "{data} 정보를 직접 읽을 수 있도록 MCP를 통해 {server}를 연결해 주세요",
1542 slots: {
1543 server: "우리 팀 오류 추적기",
1544 data: "스택 추적"
1545 }
1546 },
1547 "capture-what-to-remember": {
1548 title: "다음 번을 위해 기억할 항목 캡처",
1549 teaches: "잊기 전에 물어보십시오. Claude가 이 세션에서 파악해야 할 항목을 알고 다음 세션이 그 컨텍스트로 시작하도록 [CLAUDE.md](/docs/ko/memory) 항목을 제안합니다.",
1550 prompt: "이번 세션에서 한 작업을 요약하고 CLAUDE.md에 추가할 내용을 제안해 주세요"
1551 }
1552};
1553
1554<PromptLibrary text={text} labels={labels} tagLabels={tagLabels} phaseLabels={phaseLabels} sourceLabels={sourceLabels} catLabels={catLabels} />
1555
1556<h2 id="what-makes-these-prompts-work">
1557 이 프롬프트가 작동하는 이유
1558</h2>
1559 14
1560위의 프롬프트는 몇 가지 패턴을 공유합니다. 이를 인식하면 여기의 모든 프롬프트를 자신의 작업에 맞게 조정할 수 있습니다.15위의 프롬프트는 몇 가지 패턴을 공유합니다. 이를 인식하면 여기의 모든 프롬프트를 자신의 작업에 맞게 조정할 수 있습니다.
1561 16
1597 52
1598각 패턴에 대한 자세한 내용은 [모범 사례](/docs/ko/best-practices)를 참조하십시오.53각 패턴에 대한 자세한 내용은 [모범 사례](/docs/ko/best-practices)를 참조하십시오.
1599 54
1600<h2 id="where-these-come-from">55## 이들이 어디서 나왔는지
1601 이들이 어디서 나왔는지
1602</h2>
1603 56
1604이 프롬프트는 게시된 Anthropic 리소스의 패턴을 기반으로 합니다. 각 카드는 소스에 연결됩니다:57이 프롬프트는 게시된 Anthropic 리소스의 패턴을 기반으로 합니다. 각 카드는 소스에 연결됩니다:
1605 58
1610 63
1611이 패턴의 비디오 연습을 보려면 [Claude Academy](https://academy.claude.com/)의 무료 [Claude Code in Action](https://academy.claude.com/courses/claude-code-in-action) 과정을 참조하십시오.64이 패턴의 비디오 연습을 보려면 [Claude Academy](https://academy.claude.com/)의 무료 [Claude Code in Action](https://academy.claude.com/courses/claude-code-in-action) 과정을 참조하십시오.
1612 65
1613<h2 id="related-resources">66## 관련 리소스
1614 관련 리소스
1615</h2>
1616 67
1617이 페이지의 프롬프트는 시작점입니다. 하나가 프로젝트에 작동하면 다음 단계는 반복 가능하게 만드는 것입니다. [스킬](/docs/ko/skills)로 저장하면 팀의 누구나 `/command`로 실행할 수 있고, Claude가 학습한 규칙을 [CLAUDE.md](/docs/ko/memory)에 기록하면 매 세션이 Claude가 다시 학습하는 대신 그 컨텍스트로 시작합니다. 더 크거나 위험한 변경의 경우 [계획 모드](/docs/ko/permission-modes#analyze-before-you-edit-with-plan-mode)는 편집이 발생하기 전에 파일 목록을 표시합니다.68이 페이지의 프롬프트는 시작점입니다. 하나가 프로젝트에 작동하면 다음 단계는 반복 가능하게 만드는 것입니다. [스킬](/docs/ko/skills)로 저장하면 팀의 누구나 `/command`로 실행할 수 있고, Claude가 학습한 규칙을 [CLAUDE.md](/docs/ko/memory)에 기록하면 매 세션이 Claude가 다시 학습하는 대신 그 컨텍스트로 시작합니다. 더 크거나 위험한 변경의 경우 [계획 모드](/docs/ko/permission-modes#analyze-before-you-edit-with-plan-mode)는 편집이 발생하기 전에 파일 목록을 표시합니다.
1618 69
