imamirezaei/Product-Team-Claude-Skills
Instructions file
Claude Code instructions for imamirezaei/Product-Team-Claude-Skills, covering claude.md, commands, test (runs --help against the cli), run the cli locally (from a target product repo) and publish to npm.
imamirezaei/Product-Team-Claude-Skills
Agent Claude Code
Specialized design agent. Replace with output from interview engine.
imamirezaei/Product-Team-Claude-Skills
Agent Claude Code
Specialized handoff preparation agent. Replace with output from interview engine.
imamirezaei/Product-Team-Claude-Skills
Settings file Claude Code
Agent settings declaring 6 allowed tools.
imamirezaei/Product-Team-Claude-Skills
Command
Prepare a complete handoff package for engineering — Vuetify constraint check followed by handoff document generation.
imamirezaei/Product-Team-Claude-Skills
Command
Run a mid-process policy check on a design in progress — catches violations early, while changes are still cheap.
imamirezaei/Product-Team-Claude-Skills
Command
Run a pre-handoff quality assurance check on a completed design.
imamirezaei/Product-Team-Claude-Skills
Command
Research existing design patterns, component inventory, and open UX decisions before starting a new feature design.
imamirezaei/Product-Team-Claude-Skills
Command
Run a full design review — policy compliance check followed by Vuetify constraint check.
imamirezaei/Product-Team-Claude-Skills
Command
Scan the design system to find what UI components already exist before designing new ones.
imamirezaei/Product-Team-Claude-Skills
Command
Translate a Figma design description into Vue 3 + Vuetify 3 component code.
imamirezaei/Product-Team-Claude-Skills
Command
Compare the Figma design against the implemented Vue component and produce a gap report.
imamirezaei/Product-Team-Claude-Skills
Command
Prepare for or follow up on a team meeting — agenda, decisions, action items, open questions.
imamirezaei/Product-Team-Claude-Skills
Command
Write or review UI copy — button labels, error messages, empty states, tooltips, confirmation dialogs.
imamirezaei/Product-Team-Claude-Skills
Command
Create a polished single-file HTML slide-deck presentation using the product design system.
imamirezaei/Product-Team-Claude-Skills
Command
Analyze and rewrite a prompt to maximize clarity, specificity, and output quality.
imamirezaei/Product-Team-Claude-Skills
Command
Verify that every UI component in a design can be implemented with Vuetify 3 — flags gaps before engineering starts.
imamirezaei/Product-Team-Claude-Skills
Command
Generate an interactive HTML wireframe covering all states and interaction pattern variants.
imamirezaei/Product-Team-Claude-Skills
Skill Claude CodeCodex
Use this skill to prepare a complete handoff document for engineering. Triggers: 'prepare the handoff', 'write the handoff doc', 'I'm ready to hand off this feature', 'generate the spec for engineering', or when running as step 2 in the /design-handoff chain.
imamirezaei/Product-Team-Claude-Skills
Skill Claude CodeCodex
Use this skill WHILE the design is in progress — not when it is finished. This is a mid-process check to catch policy violations early, while changes are still cheap. Triggers: 'check my design direction', 'is this RTL-safe', 'does this follow our rules', 'I'm designing this, does it look right so far', 'review this…
imamirezaei/Product-Team-Claude-Skills
Skill Claude CodeCodex
Use this skill ONLY when the design is complete and ready for handoff — not while it is still in progress. This is the final gate before engineering gets the file. Triggers: 'QA this design', 'is this ready for handoff', 'run a final check', 'check the design before I send it to engineering'. Do NOT use mid-process …
imamirezaei/Product-Team-Claude-Skills
Skill Claude CodeCodex
Use this skill to understand the design context before starting visual work: existing patterns, component inventory, and open UX decisions. Triggers: 'what components are already in use', 'what design patterns exist for this', 'help me understand the current UI', 'before I start designing', or when picking up a…
imamirezaei/Product-Team-Claude-Skills
Skill Claude CodeCodex
Use this skill to translate a Figma design into Vue 3 + Vuetify 3 component code. Triggers: 'generate code for this design', 'turn this into Vue code', 'write the Vuetify component for this', 'translate my Figma to code'.
imamirezaei/Product-Team-Claude-Skills
Skill Claude CodeCodex
Use this skill when the designer wants to verify that what engineering implemented matches the Figma design. Reads both Figma and the codebase, compares them, and produces a gap report. Triggers: 'does the implementation match the design', 'check what was built against Figma', 'review the implemented component', 'QA…