Create UI designs from prompts, screenshots, and URLs for AI coding workflows.
Copy the install command and let the AI configure it · recommended for beginners
Please install the "Visily UI Design" MCP server from askskill: Run: claude mcp add --transport http 'io-github-visily-app-visily' 'https://app.visily.ai/api/mcp'
Create a UI design for a SaaS dashboard with a left sidebar, top search bar, KPI cards, a trend chart, and a recent activity list. Use a clean, modern style.
A UI design matching the description, ready for downstream development or iteration.
Generate a matching UI design from this product screenshot, preserving the layout hierarchy, component structure, and visual style as closely as possible.
An editable UI design close to the original screenshot, suitable for rebuilds or developer handoff.
Use the page structure and visual style from this URL to generate a similar product UI design and organize reusable theme tokens.
A UI design inspired by the referenced site, along with theme token information for reuse.
Developers can create a UI design from prompts, screenshots, or URLs before asking an AI to generate frontend code. This helps the generated code align more closely with the intended interface.
Product managers or designers can quickly generate page concepts from text descriptions in the early planning stage. It is useful for concept discussions and comparing directions.
Teams can use screenshots or URLs to capture an existing interface's structure and style, then generate new designs or theme tokens. This is useful for redesigns, reference-based work, and organizing design systems.
It generates UI designs from prompts, screenshots, and URLs, and can support AI coding agents and theme token workflows. The provided information does not specify further details.
It is known to support three input types: text prompts, screenshots, and URLs. For any additional input formats, see the source repository.
The description explicitly mentions UI design and theme tokens, and says it is for AI coding agents, but it does not directly state whether it generates code. For exact output formats, see the source repository.
Analyze design needs, extract visual tokens, generate concepts, and audit visuals.
Give AI coding agents design direction, UI code guidance, and critique.
Generate UI design rules, color palettes, and brand design references.
Lets AI understand and operate web interfaces through unified UI scene graphs.
Extract quantified design DNA from references and generate matching UI.
Create polished UI mockups, prototypes, and decks locally with Claude Design.