Orchestrates a three-stage UI/UX design workflow with Canva MCP and approval gates.
npx skills add https://github.com/gmolike/Claude-Template --skill design-gmolike
Please help me install this Agent Skill. Skill: design Source: https://github.com/gmolike/Claude-Template/tree/main/template-orchestrator/.claude/skills/design Command: npx skills add https://github.com/gmolike/Claude-Template --skill design-gmolike
.scrum/, requiring PO approval before proceeding. - Visual Concept: Uses Canva MCP to generate at least two design variants after briefing approval, with documented design decisions and PO review. - Implementation Review: Verifies the frontend implementation matches the design, runs WCAG 2.1 AA accessibility checks and responsive checks, and produces a review report. - Use Case: A product owner requests a new user profile feature; the workflow creates a briefing, generates Canva visual concepts after approval, then reviews the implemented frontend against the design. ## Quick Start Run the design briefing command for the current feature spec to generate a design brief document for PO approval.High-intent search queries and answers about installing and using this skill.
Run the briefing stage, which analyzes the feature spec in the `.scrum/` directory and creates a briefing document in `docs/designs/` covering target audience, UI patterns, color scheme, typography, and responsive strategy. PO approval is required before moving to visual concepts.
After the briefing is approved, the concept stage uses the Canva MCP integration to generate at least two design variants. All design decisions are documented, and the PO reviews the visual concept before implementation begins.
Yes, accessibility is mandatory. The review stage performs a WCAG 2.1 AA accessibility check alongside responsive verification, and the workflow rules state accessibility is required, not optional.
No. The workflow enforces a hard rule that no Canva export happens without explicit user approval. Each stage (briefing, concept, review) requires PO sign-off before proceeding to the next.
The workflow depends on Canva MCP for visual concepts and requires PO availability for three approval gates, which can slow iteration. It also assumes feature specs exist in `.scrum/` and does not handle user research or prototyping beyond concept generation.
dipandhali2021Plan sprint iterations and draft user stories with acceptance criteria.
AarnavBaddamBuilds frontend apps and websites from image-generated design concepts with fidelity verification.
samymityAutomate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.
wikimediaAdopt Wikimedia Codex design system components, tokens, and icons in frontend projects.