Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add skills/gabelul/stitch-kit/stitch-ideatenpx skills add gabelul/stitch-kit --skill stitch-ideategit clone --depth 1 https://github.com/gabelul/stitch-kitWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/gabelul/stitch-kit/stitch-ideate)<a href="https://agentmods.dev/skills/gabelul/stitch-kit/stitch-ideate"><img src="https://agentmods.dev/badge/skills/gabelul/stitch-kit/stitch-ideate.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00051 | $0.06487 |
| Opus 5 | $0.00026 | $0.03243 |
| Sonnet 5 | $0.00010 | $0.01297 |
| Haiku 4.5 | $0.00005 | $0.00649 |
Grade A, and why
stitch-ideate scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 544 lines — stays where its author put it; the contents beside it link to each section on GitHub.
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"
- "Let's brainstorm..."
- "Ideate a [product type]"
- "Research what the best [X] apps look like"
- "Analyze the top [X] and design a version for me"
- "Look at current trends in [X] and generate options"
- "Find a color palette that conveys [mood]"
When NOT to use this skill
- User already has a detailed spec or PRD — route to
stitch-ui-prompt-architectinstead - User wants to edit an existing screen — route to
stitch-mcp-edit-screens - User gives a clear, specific request like "dark mode dashboard with sidebar nav" — route to
stitch-orchestrator
How it works
The ideation runs in 5-7 adaptive phases with active research woven in. Each phase uses AskUserQuestion to gather input through structured options with freeform override. Between phases, you research the web for context, trends, and inspiration — then synthesize everything into a PRD document.
What ships with it
2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 544 lines · 51 tokens per session scan A 16af1fab8365
stitch-ideate is a skill published in the GitHub repository gabelul/stitch-kit (43 stars, last pushed 1mo ago), licensed Apache-2.0. It adds 51 tokens to every session and 6,487 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
design-to-code
Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP. Accepts a screenshot, a description, or a URL and produces production-ready React components, checking existing Storybook components before generating anything new. Use when implementing UI from a mockup or screenshot. To call the MCP tool…
stitch-react-native
Convert Stitch HTML designs into React Native screens, or sync existing native components to updated Stitch designs, using native primitives, StyleSheet rules, and mobile platform checks.
mk:stitch
Generate novel UI from a text prompt via Stitch AI. Exports Tailwind/HTML, produces DESIGN.md for mk:frontend-design handoff. NOT for implementing existing designs — use mk:figma or mk:frontend-design for that.
kit-montar
Monta um site novo combinando peças já validadas do acervo pessoal do usuário — templates rodáveis, design systems, componentes, animações, menus, prompts e receitas — em vez de gerar tudo do zero. Se o acervo ainda estiver vazio, constrói do zero e oferece guardar o resultado. Recebe o briefing, decide cor e…
kit-buscar
Consulta o acervo pessoal de sites do usuário — o que ele já guardou: templates rodáveis, design systems com paleta e tipografia, componentes de UI e de IA, animações de scroll, texto e menu, efeitos WebGL, prompts de página inteira e receitas de composição que já deram certo. Responde "o que eu já tenho pronto pra…
kit-cor
Define a paleta do site como decisão, não como consequência de ter escolhido um design system. Faz as perguntas que determinam cor (o que a marca promete, o que o setor já usa, para onde o olho tem que ir, o que ela NÃO pode parecer), monta a paleta por papel — fundo, tinta, superfície, acento — mede o contraste de…