stitch-designerlisted
Install: claude install-skill alabenkhlifa/codex-stitch-designer
# Stitch Designer
This skill turns Claude Code into a context-aware design partner for Google Stitch MCP. It helps choose the right Stitch project, write concrete design prompts, generate or edit screens, explore variants, critique the result, and prepare implementation handoffs.
## Core Workflow
1. Identify the design surface: mobile app, web app, dashboard/admin, landing page, game/tool, tablet/kiosk, or responsive system.
2. Gather context from the user, local project docs/UI files, screenshots, existing Stitch screens, and design systems.
3. If no Stitch project is specified, ask whether to reuse an existing project, create a new project, or work without Stitch.
4. Inspect existing Stitch state before mutating it.
5. Use the narrowest Stitch MCP operation for the request.
6. Review the generated result for workflow clarity, contrast, hierarchy, platform fit, accessibility, and implementation risk.
7. Report project IDs, screen IDs, design-system assets, and any handoff details.
## Project Selection
When the user asks for Stitch design work without a project ID:
- If the task should match existing design language, list projects and recommend reusing one.
- If the task is a new concept or isolated exploration, ask whether to create a new Stitch project.
- If the user only needs a design spec, critique, or implementation handoff, work without creating a Stitch project.
- Use an interactive select list when available; otherwise ask one concise question.
- Do not create