6 6
7> Copie y pegue prompts para Claude Code, etiquetados por tarea y rol.7> Copie y pegue prompts para Claude Code, etiquetados por tarea y rol.
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
9Esta es una biblioteca de prompts para copiar en Claude Code. Úsela para explorar formas de trabajo que no ha probado, o cuando no está seguro de dónde comenzar.999Esta es una biblioteca de prompts para copiar en Claude Code. Úsela para explorar formas de trabajo que no ha probado, o cuando no está seguro de dónde comenzar.
10 1000
11Los prompts se recopilan de varias guías de Anthropic, incluyendo [Flujos de trabajo comunes](/es/common-workflows), [Mejores prácticas](/es/best-practices), y [Cómo los equipos de Anthropic usan Claude Code](https://claude.com/blog/how-anthropic-teams-use-claude-code). Son puntos de partida en lugar de scripts. Abra **Por qué funciona esto** bajo cualquier prompt para ver el patrón detrás de él para que pueda escribir el suyo propio.1001Los prompts se recopilan de varias guías de Anthropic, incluyendo [Flujos de trabajo comunes](/es/common-workflows), [Mejores prácticas](/es/best-practices), y [Cómo los equipos de Anthropic usan Claude Code](https://claude.com/blog/how-anthropic-teams-use-claude-code). Son puntos de partida en lugar de scripts. Abra **Por qué funciona esto** bajo cualquier prompt para ver el patrón detrás de él para que pueda escribir el suyo propio.
12 1002
1003export const labels = {
1004 startHere: "Comience aquí",
1005 startHereHeader: "Cinco prompts para probar primero",
1006 showAll: "Mostrar todos los {n} prompts",
1007 search: "Buscar prompts…",
1008 clear: "Limpiar",
1009 prompt: "prompt",
1010 prompts: "prompts",
1011 noMatch: "Ningún prompt coincide",
1012 fillAndCopy: "Rellenar y copiar",
1013 copyThis: "Copiar este prompt",
1014 hintBefore: "Escriba en el",
1015 hintChip: "resaltado",
1016 hintAfter: "campos para personalizar, luego copie.",
1017 copy: "Copiar",
1018 copied: "Copiado",
1019 whyWorks: "Por qué funciona esto",
1020 makeItStick: "Hacerlo permanente",
1021 from: "De",
1022 paste: {
1023 mockup: "Pegue, arrastre o @-mencione su imagen de maqueta, luego envíe esto:",
1024 design: "Pegue, arrastre o @-mencione su imagen de diseño, luego envíe esto:",
1025 screenshot: "Pegue, arrastre o @-mencione su captura de pantalla, luego envíe esto:",
1026 plan: "Pegue su salida de plan en el prompt primero, luego envíe esto:",
1027 error: "Pegue la salida de error en el prompt primero, luego envíe esto:",
1028 csv: "Arrastre su archivo al prompt, o reemplace la ruta a continuación con una @-mención de la suya:"
1029 },
1030 needsLabel: "Necesita",
1031 needs: {
1032 tracker: "su rastreador de problemas agregado como un [conector de claude.ai](/es/mcp#use-mcp-servers-from-claude-ai) o [servidor MCP](/es/mcp).",
1033 gh: "el [CLI de gh](https://cli.github.com) autenticado, o GitHub agregado como un [conector de claude.ai](/es/mcp#use-mcp-servers-from-claude-ai).",
1034 browser: "una forma para que Claude renderice y capture una captura de pantalla del resultado. La [aplicación de escritorio](/es/desktop#preview-your-app) tiene esto integrado. En la terminal, instale la [extensión de Chrome](/es/chrome) o un servidor MCP de [Playwright](/es/mcp).",
1035 db: "su almacén de datos o almacén de registros agregado como un [conector de claude.ai](/es/mcp#use-mcp-servers-from-claude-ai) o [servidor MCP](/es/mcp)."
1036 }
1037};
1038
1039export const tagLabels = {
1040 understand: "Entender",
1041 plan: "Plan",
1042 prototype: "Prototipo",
1043 build: "Construir",
1044 test: "Prueba",
1045 refactor: "Refactorizar",
1046 review: "Revisar",
1047 steer: "Dirigir",
1048 debug: "Depurar",
1049 git: "Git",
1050 release: "Lanzamiento",
1051 data: "Datos",
1052 automate: "Automatizar",
1053 pm: "Producto",
1054 design: "Diseño",
1055 docs: "Documentación",
1056 marketing: "Marketing",
1057 security: "Seguridad",
1058 ops: "En guardia"
1059};
1060
1061export const phaseLabels = {
1062 discover: "Descubrir",
1063 design: "Diseñar",
1064 build: "Construir",
1065 ship: "Enviar",
1066 operate: "Operar"
1067};
1068
1069export const sourceLabels = {
1070 workflows: "Flujos de trabajo comunes",
1071 teams: "Cómo los equipos de Anthropic usan Claude Code",
1072 legal: "Cómo Anthropic usa Claude en Legal",
1073 cybersecurity: "Cómo Anthropic usa Claude en Ciberseguridad",
1074 "best-practices": "Mejores prácticas",
1075 ebook: "Guía de codificación agéntica escalable"
1076};
1077
1078export const catLabels = {
1079 Onboard: "Incorporar",
1080 Understand: "Entender",
1081 Plan: "Plan",
1082 Prototype: "Prototipo",
1083 Implement: "Implementar",
1084 Test: "Prueba",
1085 Refactor: "Refactorizar",
1086 Review: "Revisar",
1087 Steer: "Dirigir",
1088 Git: "Git",
1089 Release: "Lanzamiento",
1090 Debug: "Depurar",
1091 Incident: "Incidente",
1092 Data: "Datos",
1093 Automate: "Automatizar"
1094};
1095
1096export const text = {
1097 "get-oriented-in-a": {
1098 title: "Orientarse en un repositorio nuevo",
1099 teaches: "Describa lo que desea saber, no qué archivos leer. Claude explora el proyecto por su cuenta y devuelve un resumen de cómo encaja todo.",
1100 next: "Ejecute `/init` para configurar `CLAUDE.md` para que Claude recuerde esto en cada sesión"
1101 },
1102 "explain-unfamiliar-code": {
1103 title: "Explicar código desconocido",
1104 teaches: "Nombre el archivo y diga en qué formato desea la respuesta. Cambie la página HTML por un diagrama, puntos de viñeta, o lo que se ajuste a cómo aprende.",
1105 next: "Establezca un estilo de salida para que Claude siempre explique en su formato preferido"
1106 },
1107 "find-where-something-happens": {
1108 title: "Encontrar dónde sucede algo",
1109 teaches: "Busque por comportamiento en lugar de por nombre de archivo. La búsqueda funciona incluso cuando no sabe cómo se llama el archivo o en qué directorio vive."
1110 },
1111 "see-what-depends-on": {
1112 title: "Verificar qué se rompe antes de eliminar",
1113 teaches: "Pregunte antes de eliminar cualquier cosa. La lista de llamadores y efectos posteriores le dice si está mirando una limpieza de una línea o un cambio que necesita coordinar."
1114 },
1115 "trace-how-code-evolved": {
1116 title: "Rastrear cómo evolucionó el código",
1117 teaches: "Señale el historial de commits cuando la pregunta es por qué, no qué. Claude lee el registro y blame para cualquier control de versiones que use y explica las decisiones detrás de la implementación actual."
1118 },
1119 "scope-a-change-before": {
1120 title: "Definir el alcance de un cambio antes de comenzar",
1121 teaches: "Dimensione el trabajo antes de comprometerse con una hoja de ruta. La lista de archivos le dice si está mirando un componente o un cambio transversal."
1122 },
1123 "ask-the-codebase-a": {
1124 title: "Hacer una pregunta de producto a la base de código",
1125 teaches: "Indique su rol para que la respuesta esté al nivel correcto. Claude explica qué hace realmente el producto desde el código fuente, sin que necesite leerlo.",
1126 next: "Establezca un estilo de salida para que Claude siempre presente respuestas a este nivel"
1127 },
1128 "plan-a-multi-file": {
1129 title: "Planificar un cambio de varios archivos antes de tocar código",
1130 teaches: "Agregar \"no editar aún\" separa la exploración de los cambios, para que vea el enfoque antes de que se mueva cualquier código. Para hacer que el modo plan sea el predeterminado en cada prompt, presione Shift+Tab para [plan mode](/es/permission-modes#analyze-before-you-edit-with-plan-mode)."
1131 },
1132 "draft-a-spec-by": {
1133 title: "Redactar una especificación por entrevista",
1134 teaches: "Pida ser entrevistado en lugar de escribir la especificación usted mismo. Claude le hace preguntas estructuradas hasta que los requisitos estén completos, luego escribe el resultado en un archivo.",
1135 next: "Guarde sus preguntas de entrevista como una habilidad `/spec` para que cada especificación comience de la misma manera"
1136 },
1137 "turn-a-meeting-into": {
1138 title: "Convertir una reunión en tickets",
1139 teaches: "Omita el paso de transcripción. Claude extrae elementos de acción de la entrada no estructurada y los escribe directamente en su rastreador a través de [MCP](/es/mcp), para que revise los tickets, no la transcripción.",
1140 next: "Guarde esto como una habilidad `/tickets`"
1141 },
1142 "map-edge-cases-before": {
1143 title: "Mapear casos extremos antes de construir",
1144 teaches: "Pregunte qué falta, no qué hay. Claude enumera los estados de error, estados vacíos y casos extremos que un diseño de ruta feliz tiende a omitir."
1145 },
1146 "turn-a-mockup-into": {
1147 title: "Convertir una maqueta en un prototipo funcional",
1148 teaches: "Un prototipo interactivo responde preguntas que una maqueta estática no puede. Entregue el código funcional a ingeniería en lugar de explicar las interacciones en un documento."
1149 },
1150 "implement-from-a-screenshot": {
1151 title: "Implementar desde una captura de pantalla y auto-verificar",
1152 teaches: "Esto le da a Claude un bucle de verificación: renderiza, compara contra la imagen de origen, e itera sin que usted señale cada brecha.",
1153 next: "Use `/goal` para mantener a Claude iterando hasta que las capturas de pantalla coincidan"
1154 },
1155 "follow-an-existing-pattern": {
1156 title: "Seguir un patrón existente",
1157 teaches: "Señale código que ya le guste. Sin una referencia, Claude usa las mejores prácticas generales de forma predeterminada. Con una, coincide con las convenciones que su base de código realmente usa.",
1158 next: "Pida a Claude que escriba el patrón que siguió en `CLAUDE.md` para que las sesiones futuras lo coincidan sin la referencia"
1159 },
1160 "add-a-small-well": {
1161 title: "Agregar una característica pequeña y bien definida",
1162 teaches: "Indique las entradas y salidas, no cómo construirla. Claude encuentra dónde vive código similar y agrega el suyo junto a él."
1163 },
1164 "build-a-small-internal": {
1165 title: "Construir una pequeña herramienta interna desde cero",
1166 teaches: "No necesita un proyecto, un marco o un paso de compilación. Describa la herramienta y pida a Claude que la abra para que la vea funcionando inmediatamente."
1167 },
1168 "work-an-issue-end": {
1169 title: "Trabajar un problema de principio a fin",
1170 teaches: "Dé el número del problema, no un resumen. Claude lee el ticket completo en sí, por lo que los requisitos que olvidaría mencionar se transmiten, y valida el cambio antes de informar."
1171 },
1172 "find-and-update-copy": {
1173 title: "Encontrar y actualizar texto en toda la base de código",
1174 teaches: "Pida variantes y diga qué omitir. Claude encuentra frases que una búsqueda literal perdería y deja intactos los accesorios de prueba e historial, para que revise solo el texto que los usuarios realmente ven."
1175 },
1176 "draft-from-past-examples": {
1177 title: "Redactar un documento a partir de ejemplos anteriores",
1178 teaches: "Señale una carpeta de trabajo terminado en lugar de describir su estilo. Claude aprende la estructura y la voz de lo que ya ha enviado, para que el primer borrador se lea como uno de los suyos.",
1179 next: "Guarde la voz como una habilidad para que cada borrador comience allí"
1180 },
1181 "write-tests-run-them": {
1182 title: "Escribir pruebas, ejecutarlas, corregir fallos",
1183 teaches: "Pida escribir, ejecutar y corregir juntos para que Claude itere sin detenerse para instrucciones.",
1184 next: "Ejecute `/init` para que Claude aprenda automáticamente su comando de prueba"
1185 },
1186 "drive-implementation-from-tests": {
1187 title: "Impulsar la implementación desde pruebas",
1188 teaches: "Desarrollo dirigido por pruebas: las pruebas definen cuándo se completa el trabajo, y Claude itera en la implementación hasta que pasen."
1189 },
1190 "fill-gaps-from-a": {
1191 title: "Llenar brechas de un informe de cobertura",
1192 teaches: "Señale el informe de cobertura en lugar de adivinar qué no se prueba. Claude lee los números reales y escribe pruebas para los archivos que más los necesitan.",
1193 next: "Establezca esto como un `/goal` para que Claude siga escribiendo pruebas hasta que la cobertura alcance el objetivo"
1194 },
1195 "port-code-between-languages": {
1196 title: "Portar código a otro idioma",
1197 teaches: "Diga qué preservar, no solo el idioma de destino. Nombrar la API o el comportamiento que debe permanecer igual le da a Claude un contrato para verificar el puerto."
1198 },
1199 "generate-docs-for-code": {
1200 title: "Generar documentación para código sin documentar",
1201 teaches: "Nombre el alcance y el formato. Claude encuentra lo que falta y coincide con el estilo de comentario ya en el archivo, para que la nueva documentación se lea como el resto."
1202 },
1203 "migrate-a-pattern-across": {
1204 title: "Migrar un patrón en toda la base de código",
1205 teaches: "Describa el patrón antiguo y el nuevo. Pedir a Claude que identifique primero cada lugar significa que los sitios de llamada se enumeran en la respuesta, para que pueda verificar que ninguno se perdió."
1206 },
1207 "optimize-against-a-measurable": {
1208 title: "Optimizar contra un objetivo medible",
1209 teaches: "Indicar la métrica y el objetivo le da a Claude una definición clara de cuándo está hecho.",
1210 next: "Establezca esto como un `/goal` para que Claude siga midiendo e iterando hasta que alcance el número"
1211 },
1212 "fix-a-precise-visual": {
1213 title: "Corregir un error visual preciso",
1214 teaches: "La retroalimentación visual precisa obtiene una corrección precisa. Indique el elemento exacto, la medida y la ventana gráfica.",
1215 next: "Agregue una herramienta de vista previa para que Claude capture una captura de pantalla y verifique la corrección en sí"
1216 },
1217 "review-your-changes-before": {
1218 title: "Revisar sus cambios antes de confirmar",
1219 teaches: "Detecte problemas mientras aún son baratos de corregir. Claude lee los archivos modificados en su totalidad, no solo las líneas de diferencia, para que detecte problemas que una auto-revisión rápida pierde.",
1220 next: "Ejecute `/code-review` para la misma verificación en un comando"
1221 },
1222 "review-a-pull-request": {
1223 title: "Revisar una solicitud de extracción",
1224 teaches: "Claude revisa con toda la base de código en contexto, no solo la diferencia. Lee el código modificado y lo que llama, para que detecte problemas que una revisión solo de diferencia perdería.",
1225 next: "Active esto para cada PR con Code Review"
1226 },
1227 "review-infrastructure-changes-before": {
1228 title: "Revisar cambios de infraestructura antes de aplicar",
1229 teaches: "La salida del plan es densa y difícil de escanear. Pegarla le obtiene un resumen en lenguaje simple de lo que realmente va a cambiar antes de aplicarlo."
1230 },
1231 "run-a-security-review": {
1232 title: "Ejecutar una revisión de seguridad con un subagente",
1233 teaches: "Un [subagente](/es/sub-agents) ejecuta la auditoría en su propia ventana de contexto e informa un resumen, para que una revisión de seguridad larga no llene su sesión principal. El subagente de propósito general integrado maneja esto sin configuración adicional.",
1234 next: "Configure un subagente dedicado de revisión de seguridad que todo su equipo pueda usar"
1235 },
1236 "review-content-before-sending": {
1237 title: "Detectar problemas antes de la revisión formal",
1238 teaches: "Obtenga un primer paso antes de que un humano dedique tiempo a ello. Nombre las preocupaciones que desea verificar para que la revisión sea enfocada, luego corrija lo que encuentra y envíe un borrador más limpio.",
1239 next: "Capture su lista de verificación de revisión como una habilidad que todo su equipo pueda ejecutar"
1240 },
1241 "course-correct-a-wrong": {
1242 title: "Corregir un enfoque incorrecto",
1243 teaches: "Nombre la restricción que Claude perdió, no solo que está mal. Una razón específica le da a Claude una restricción concreta para satisfacer en el reintento, en lugar de adivinar de nuevo.",
1244 next: "Presione `Esc` dos veces para abrir el menú de rebobinado y restaurar código y conversación para que el reintento comience limpio"
1245 },
1246 "narrow-the-scope-of": {
1247 title: "Reducir el alcance de un cambio",
1248 teaches: "Cuando la dirección es correcta pero el cambio fue demasiado amplio, pida a Claude que mantenga parte de él en lugar de rebobinar todo. Un límite establecido evita que una pequeña corrección se convierta en una refactorización."
1249 },
1250 "turn-a-correction-into": {
1251 title: "Convertir una corrección en una regla",
1252 teaches: "Una corrección en el chat no se comparte con su equipo. Una regla en el [CLAUDE.md](/es/memory) del proyecto se comparte una vez que la confirma, y Claude la lee al inicio de cada sesión.",
1253 next: "Abra `/memory` para revisar lo que Claude escribió"
1254 },
1255 "resolve-merge-conflicts": {
1256 title: "Resolver conflictos de fusión",
1257 teaches: "Diga qué estado desea, no qué marcadores mantener. Pedir el razonamiento hace que la fusión sea revisable en lugar de una caja negra."
1258 },
1259 "commit-with-a-generated": {
1260 title: "Confirmar con un mensaje generado",
1261 teaches: "Deje que Claude derive el mensaje de la diferencia. Coincide con el estilo de commit existente de su repositorio."
1262 },
1263 "open-a-pull-request": {
1264 title: "Abrir una solicitud de extracción desde un ticket",
1265 teaches: "Omita el cambio de contexto entre rastreador, editor y GitHub. Un prompt lee la especificación, realiza el cambio y abre el PR."
1266 },
1267 "draft-release-notes-from": {
1268 title: "Redactar notas de lanzamiento del historial de git",
1269 teaches: "Dé dos puntos de referencia y la estructura que desea. Claude lee el registro de commits entre ellos y redacta un registro de cambios que puede editar.",
1270 next: "Guarde esto como una habilidad `/changelog`"
1271 },
1272 "write-a-ci-workflow": {
1273 title: "Escribir un flujo de trabajo de CI",
1274 teaches: "Describa cuándo debe ejecutarse y qué debe hacer; el YAML se genera para usted, coincidiendo con los comandos de compilación y prueba de su proyecto."
1275 },
1276 "find-and-fix-a": {
1277 title: "Encontrar y corregir una prueba fallida",
1278 teaches: "Describa el síntoma; no necesita saber qué archivo está roto. Claude ejecuta la prueba para ver el fallo, lo rastrea en la fuente y lo corrige."
1279 },
1280 "investigate-a-reported-error": {
1281 title: "Investigar un error reportado",
1282 teaches: "Describa el síntoma y la ubicación; Claude lee la ruta de código relevante y rastrea las causas probables. Pegue seguimientos de pila o registros si los tiene.",
1283 next: "Ponga un enlace profundo en su runbook que abra Claude con este prompt rellenado previamente"
1284 },
1285 "fix-a-build-error": {
1286 title: "Corregir un error de compilación en la raíz",
1287 teaches: "Pedir la causa raíz y la verificación evita parches de nivel superficial que suprimen el error sin corregirlo."
1288 },
1289 "investigate-a-production-incident": {
1290 title: "Investigar un incidente de producción",
1291 teaches: "Enumere las fuentes de evidencia para correlacionar, no los pasos a seguir. Claude lee registros, historial de git y configuración juntos para reducir la causa.",
1292 next: "Conecte Sentry o su almacén de registros a través de MCP"
1293 },
1294 "query-logs-in-plain": {
1295 title: "Consultar registros en inglés simple",
1296 teaches: "Haga la pregunta en lugar de escribir el SQL. Claude construye la consulta, la ejecuta contra sus registros conectados y muestra tanto la consulta como el resultado para que pueda verificar qué se ejecutó."
1297 },
1298 "diagnose-from-a-console": {
1299 title: "Diagnosticar desde una captura de pantalla de consola",
1300 teaches: "Las consolas en la nube le muestran el problema pero no los comandos para corregirlo. Claude lee la captura de pantalla y traduce el panel a los comandos kubectl, gcloud o aws para ejecutar."
1301 },
1302 "analyze-a-data-file": {
1303 title: "Analizar un archivo de datos",
1304 teaches: "Una pregunta única no necesita un script único. Señale un archivo en su carpeta de proyecto y Claude lo lee directamente, encuentra los patrones y escribe la salida donde le pida.",
1305 next: "Conecte la fuente de datos a través de MCP en lugar de exportar archivos"
1306 },
1307 "generate-variations-from-performance": {
1308 title: "Generar variaciones a partir de datos de rendimiento",
1309 teaches: "Indique la restricción al inicio para que la generación se mantenga dentro del límite. Claude lee las métricas, elige qué reemplazar y produce alternativas que se ajusten.",
1310 next: "Conecte la plataforma de anuncios a través de MCP en lugar de exportar un archivo"
1311 },
1312 "turn-a-recurring-task": {
1313 title: "Convertir una tarea recurrente en una habilidad",
1314 teaches: "Nombre los pasos una vez; reutilícelos como un comando. Claude escribe una [habilidad](/es/skills) que cualquiera en su equipo pueda ejecutar."
1315 },
1316 "add-a-hook-for": {
1317 title: "Agregar un hook para comportamiento repetido",
1318 teaches: "Los hooks hacen que un comportamiento sea automático en lugar de algo que tenga que recordar pedir. Describa el disparador y la acción y Claude escribe la configuración del [hook](/es/hooks)."
1319 },
1320 "connect-a-tool-with": {
1321 title: "Conectar una herramienta con MCP",
1322 teaches: "Conecte la fuente una vez en lugar de pegar datos en cada sesión. Después de la configuración de [MCP](/es/mcp), Claude lee de la herramienta directamente cuando pregunta sobre ella."
1323 },
1324 "capture-what-to-remember": {
1325 title: "Capturar qué recordar para la próxima vez",
1326 teaches: "Pregunte antes de olvidar. Claude sabe qué tuvo que descubrir en esta sesión y propone entradas de [CLAUDE.md](/es/memory) para que la próxima sesión comience con ese contexto."
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 Qué hace que estos prompts funcionen1333 Qué hace que estos prompts funcionen
15</h2>1334</h2>
