Create a technical specification through interactive planning and expert review. Use when starting a new feature or project that needs documented architecture, implementation approach, and design decisions. Invoke with product requirements (PRD, brief, or similar).
Creates comprehensive technical specifications through interactive planning, code exploration, and expert review cycles.
npx claudepluginhub bendrucker/claudeThis skill inherits all available tools. When active, it can use any tool Claude has access to.
references/template.mdAsk the user to provide:
@path/to/file.md), URLs (fetch via appropriate tools), or pasted content.tmp/feature-tech-spec.md).Be flexible about input sources. Don't assume specific tools or formats.
Discuss with the user which repositories need exploration:
Scan for:
Invoke interview:plan to clarify requirements. Guide the interview toward:
Write incrementally to the output file. Use the template structure from references/template.md.
For architecture diagrams, always use mermaid:diagram to ensure proper syntax and rendering.
Write sections incrementally.
Invoke tech-spec:review on the draft spec.
Continue refining until the user is satisfied. Long sessions with incremental changes create drift—validate consistency before concluding:
Also address:
Captures architecture trade-offs:
| Decision | Choice | Alternatives | Rationale | Notes |
|---|---|---|---|---|
| Brief description | What we chose | What we didn't | Why this choice | Caveats, follow-ups |
Populate this table throughout the process as decisions emerge. Focus on:
Capture decision highlights, not interview dialogue.
This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.