imamirezaei

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

Command Claude Code

Prepare a complete handoff package for engineering — Vuetify constraint check followed by handoff document generation.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

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 Claude Code

Run a pre-handoff quality assurance check on a completed design.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

Research existing design patterns, component inventory, and open UX decisions before starting a new feature design.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

Run a full design review — policy compliance check followed by Vuetify constraint check.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

Scan the design system to find what UI components already exist before designing new ones.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

Translate a Figma design description into Vue 3 + Vuetify 3 component code.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

Compare the Figma design against the implemented Vue component and produce a gap report.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

Prepare for or follow up on a team meeting — agenda, decisions, action items, open questions.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

Write or review UI copy — button labels, error messages, empty states, tooltips, confirmation dialogs.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

Create a polished single-file HTML slide-deck presentation using the product design system.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

Analyze and rewrite a prompt to maximize clarity, specificity, and output quality.

imamirezaei/Product-Team-Claude-Skills

Command Claude Code

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 Claude Code

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…

imamirezaei/Product-Team-Claude-Skills

Skill Claude CodeCodex

Use this skill to write or review UI copy: button labels, error messages, empty states, tooltips, confirmation dialogs, and other in-product text. Triggers: 'write copy for this', 'help me write the error message', 'what should this button say', 'review this microcopy', 'write the empty state text'.

imamirezaei/Product-Team-Claude-Skills

Skill Claude CodeCodex

Use this skill to verify that every UI component in a design can be implemented with Vuetify 3. Triggers: 'check Vuetify compatibility', 'can this be built with Vuetify', 'verify component coverage', 'are there any Vuetify gaps', or when running as step 1 in the /design-handoff chain.