Generate Interface Designs

Original editorial illustration. Preview artwork is not a tested output of this skill.

What this skill helps you do

Create and iterate on interface screens with Google Stitch and an explicit design direction.

Create and iterate on interface screens with Google Stitch and an explicit design direction.
Inspect original instructions and required resources.
Use the source’s maintained installation guide.

An example input you can adapt. It is not a test result or a guarantee of output quality.

Help me use Generate Interface Designs for my project. Ask for the task context, inputs and constraints before starting.

Compatibility and requirements are based on the publisher’s documentation.

Agents

Claude CodeCodexCursorGemini CLIAntigravity

Requirements

Follow the upstream plugin setup; preserve shared skills and resources.

Stitch generation workflows require the configured Stitch MCP integration.

Required account

Google Stitch and its MCP connection

Runtime costs

Stitch account access, quotas and external service terms apply.

We have inspected the source reference. We have not run this workflow end to end or verified its results on each agent.

Give your next interface a clear visual point of view, from typography to the final critique.

Recover a coherent design system from frontend source, styles and component patterns.

Explore design options through the current product-design plugin.