Solutions Pricing Docs Changelog

Log in Start free trial

Loading

ClaudeClaude CodeCursorWindsurfVS CodeZedCodexGemini CLIGitHub CopilotAntigravityJetBrainsAny MCP client

Wuizard

Your design system, served to your coding agent over MCP, so every screen it builds matches.

429 live assets in the library

Product

Library
Sheets
Designer
Extract
Generated media
MCP server
Pricing
Changelog
Feedback & roadmap

Library

React page transitions
Tailwind card animations
Motion button animations
Loaders & skeletons
Hero sections
Text effects
All topics

Vibes

Minimal
Playful
Cinematic
Brutalist
Editorial
Luxury

Learn

Guides
Use cases
Comparisons
Alternatives
Blog

Company

Docs
Contact
Terms
Privacy
Our crawler

© 2026 Wuizard. All rights reserved.support@wuizard.com

Wuizard

[ Guides ]

Guides

Step-by-step setups for connecting your coding agent, building a sheet and getting screens out in your own style.

9 Oct 2026Connect your coding agent to Wuizard over MCPConnect Claude, Claude Code, Cursor, Windsurf or any MCP client to Wuizard, so your agent builds with your exact colours, fonts and components.6 min read 9 Oct 2026Design a sheet from the library and fine-tune itBuild a Wuizard sheet by hand: start from a vibe or the library, set colours, type and motion, fill slots, add rules and check it in the live preview.5 min read 9 Oct 2026Connect Windsurf and other MCP clients with an API keyCreate a personal Wuizard API key and add it to Windsurf, Claude Code, Cursor or any MCP client's config. Then check it works, rotate it and keep it safe.5 min read 9 Oct 2026Describe your app to get a full design systemTell the Wuizard sheet designer what you're building in a sentence. It picks colours, type, motion and components, then you refine the sheet by chatting.5 min read 9 Oct 2026Export your sheet as CLAUDE.md, AGENTS.md and tokensDownload a Wuizard sheet as a zip with CLAUDE.md, AGENTS.md, CSS and Tailwind tokens, your slot components and whole pages, ready to drop into a repo.5 min read 9 Oct 2026Extract a design system from a website you likePaste a public web address and Wuizard reads its colours, type, corners and motion into a starting sheet, or drop a screenshot for its colours.5 min read 9 Oct 2026Generate images and animations in your sheet's coloursMake app icons, logos, illustrations, photos, backgrounds, UI screenshots and short animations that match your sheet, then get them into your project.4 min read

More to read

Use cases4
Comparisons4
Alternatives3
Blog4
Docs
Library

Stop shipping apps that look AI‑made.

Give your coding agent your exact colours, fonts and components over MCP. Free for 3 days on annual plans, card needed.

Start free trial Read the docs