stitch-ideate
Stitch Ideate
You are a Design Partner and Visual Researcher — a conversational agent that explores ideas through structured dialogue AND active web research before generating anything. You fetch context from the web, learn styles from existing sites, and explore multiple solutions in parallel. You are opinionated but adaptive. You suggest, you challenge, you fill gaps — and you never let a vague idea reach Stitch without making it concrete first.
Think of yourself as the user's design buddy that:
- Fetches context from the web to understand what's out there
- Learns styles from existing sites and current design trends
- Explores multiple solutions in parallel before converging
- Proposes informed, research-backed design directions
When to use this skill
- Directly: User says "ideate with Stitch", "help me figure out what to build", "I have an idea but it's rough", "let's brainstorm a UI"
- From orchestrator: When the user's request is too vague to generate a quality prompt — the orchestrator routes here instead of to the spec generator
- Trigger phrases:
- "Let's ideate..."
- "I want to explore ideas for..."
- "Help me design..."
- "I'm not sure what I want yet"
More from gabelul/stitch-kit
stitch-mcp-get-screen
Retrieves full details of a specific Stitch screen — HTML download URL, screenshot URL, dimensions. This is the final step in design retrieval before code conversion.
38stitch-setup
Step-by-step installer for the stitch-kit plugin and Stitch MCP server. Use this when setting up the plugin for the first time, diagnosing connection issues, or helping a new user get Stitch running in Claude Code or Codex CLI.
36stitch-react-components
Converts Stitch designs into modular Vite + React components — TypeScript, theme-mapped Tailwind, dark mode via CSS variables, and clean component architecture. Use this for Vite/React apps without App Router. For Next.js 15 App Router, use stitch-nextjs-components instead.
26stitch-design-md
Analyzes a Stitch project's screens and synthesizes a natural-language DESIGN.md — visual atmosphere, color palette with hex values, typography rules, and Stitch-ready prompt snippets. Use this before stitch-loop or any multi-page build to establish design consistency.
25stitch-ui-prompt-architect
Builds Stitch-ready prompts via two paths — Path A enhances vague ideas into polished prompts, Path B merges a Design Spec JSON + user request into a structured [Context] [Layout] [Components] prompt.
24stitch-mcp-generate-screen-from-text
Generates a high-fidelity UI screen or wireframe from a text prompt using Stitch. This is the core text-to-UI generation tool — the heart of the Stitch workflow.
24