skills/prompt-wizard/SKILL.md
Interactive wizard to craft effective prompts using Claude Code best practices
npx skillsauth add dtsong/my-claude-setup Prompt WizardInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
An interactive wizard that applies Claude Code best practices to help you craft effective prompts for any task.
.. traversal, null bytes, and shell metacharactersWalk through an interview to build a well-structured prompt from scratch.
Share an existing prompt and get suggestions for improvement.
When the user invokes /prompt-wizard, run through these questions using the AskUserQuestion tool. Gather all answers before generating the final prompt.
Question: "What type of task do you need help with?"
| Option | Description | |--------|-------------| | Feature | Add new functionality | | Bug Fix | Fix broken behavior | | Refactor | Improve code structure | | Test | Write or improve tests | | Documentation | Write docs or comments | | Research | Explore codebase or investigate |
Question: "How complex is this task?"
| Option | Description | |--------|-------------| | Simple | Single file, straightforward change | | Medium | Multiple files, clear requirements | | Complex | Architectural changes, many files | | Unknown | Need to investigate first |
Question: "How should the result be verified?" (Multi-select)
| Option | Description | |--------|-------------| | Tests pass | Existing or new tests should pass | | Type checks | TypeScript compilation succeeds | | Visual check | UI looks correct in browser | | Manual test | Specific manual verification steps | | Builds successfully | No build errors |
Question: "What context should Claude have?" (Multi-select)
| Option | Description | |--------|-------------| | Specific files | List files Claude should read | | Error messages | Include error output | | Screenshots | Reference visual examples | | External docs | URLs to reference | | Existing patterns | Point to similar code |
Based on selections, ask follow-up questions:
Question: "What should be IN scope for this task?" (Free-form text input)
Question: "What should be OUT of scope?" (optional) (Free-form text input)
Question: "Do you have any additional context to share?"
| Option | Description | |--------|-------------| | None | Ready to generate prompt | | Code snippet | Include specific code | | Requirements doc | Link to specs | | Previous attempt | What was tried before |
After gathering all answers, generate a prompt using this structure:
## Task
[Clear, specific description of what needs to be done]
## Task Type
[Feature/Bug Fix/Refactor/Test/Documentation/Research]
## Context
[Files to read, patterns to follow, relevant background]
## Requirements
- [Specific requirement 1]
- [Specific requirement 2]
- [...]
## In Scope
[What this task includes]
## Out of Scope
[What this task explicitly excludes]
## Verification
[How to verify the task is complete]
- [ ] [Verification step 1]
- [ ] [Verification step 2]
## Additional Context
[Error messages, screenshots, links, etc.]
When user shares an existing prompt or says "analyze my prompt":
Evaluate the prompt against these best practices:
Provide concrete suggestions to improve weak areas:
| Issue | Suggestion | |-------|------------| | Vague task | "Instead of 'fix the bug', try 'fix the login form validation that allows empty emails'" | | No context | "Add: 'Examine src/auth/ for existing patterns'" | | No scope | "Add what's in/out of scope to prevent over-engineering" | | No verification | "Add: 'Verify by running npm test and checking the login UI'" | | Too broad | "Break into smaller tasks: 1) investigate, 2) implement, 3) test" |
This wizard implements patterns from Claude Code best practices:
## Task
Fix login form to trim whitespace from email input.
## Task Type
Bug Fix
## Context
- Read `src/auth/login.ts` — authentication logic
- Read `src/components/LoginForm.tsx` — form component
## Requirements
- Trim whitespace before validation
- Show error for invalid email format
## Verification
- [ ] Existing tests pass
- [ ] Manual test: login with spaces succeeds
## Task
Fix the login form to properly handle emails with leading/trailing spaces. Currently, login fails silently when users accidentally include spaces in their email.
## Task Type
Bug Fix
## Context
- Read `src/auth/login.ts` - authentication logic
- Read `src/components/LoginForm.tsx` - form UI component
- Follow existing validation patterns in these files
## Requirements
- Trim whitespace from email input before validation
- Show clear error message if email format is invalid
- Preserve existing validation for other fields
## In Scope
- Fix email validation in login form
- Add user-facing error message for invalid emails
## Out of Scope
- Refactoring the auth system
- Adding new authentication methods
- Changing the form styling
## Verification
- [ ] Existing tests pass (`npm test`)
- [ ] Manual test: Login with " [email protected] " (spaces) succeeds
- [ ] Manual test: Invalid email shows error message
- [ ] No TypeScript errors
## Additional Context
**Error reproduction:**
1. Go to /login
2. Enter " [email protected] " (with spaces)
3. Click login - fails silently with no error message
src/auth/"# Start the wizard
/prompt-wizard
# Analyze an existing prompt
/prompt-wizard analyze
# Then paste your prompt when asked
development
Use when planning implementation steps, deciding commit format, or structuring development approach. Provides brainstorm-plan-implement flow with conventional commits. Triggers on 'how should I approach this', 'commit format'.
development
Security audit checklist for web applications. Use when reviewing, auditing, or hardening a web app's security posture. Covers rate limiting, auth headers, IP blocking, CORS, security middleware, input validation, file upload limits, ORM usage, and password hashing. Triggers on requests like "review security", "harden this app", "security audit", "check for vulnerabilities", or when building/reviewing API endpoints.
development
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
development
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.