[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_126":127},"routes/modules.$creator.$moduleId",{"_14":15,"_16":17,"_18":19,"_20":21},"routes/modules.$creator.$moduleId.endpoints",{"_11":12,"_13":-5},"error","Module not found","tools","module",{"_20":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":26,"_36":37,"_38":-5,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_57":49,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67,"_68":49,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":-5,"_81":-5,"_82":49,"_83":-5,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":95},"apiUrl","https://odel.app/api","creator","bergside","moduleId","typeui","@bergside/typeui","displayName","TypeUI","tagline","Design systems, UI prompts, and layout variations for AI coding tools.","iconKey","https://www.typeui.sh/logo.svg","category","remote","status","published","visibility","public","metaDescription","deploymentType","external","workerName","bindingName","mcpConfig","{\"url\":\"https://mcp.typeui.sh/mcp\",\"transport\":\"streamable-http\",\"authType\":\"none\"}","pricingModel","free","creatorUserId","system:external-import","createdAt",1781363396000,"updatedAt",1788777939000,"sourceRegistry","official-mcp-registry","sourceUrl","https://registry.modelcontextprotocol.io/v0/servers?search=io.github.bergside%2Ftypeui","sourceVerified",true,"sourceMissingSince","importedAt","upstreamStars",1885,"upstreamUpdatedAt",1783159918000,"detectedTransport","streamable-http","detectedAuthType","oauth","probeStatus","ok","lastProbedAt","githubRepoUrl","https://github.com/bergside/typeui","githubRepoFullName","bergside/typeui","releaseId","ext-bergside-typeui","version","1.0.1","descriptionMarkdown","\n\n# TypeUI - Build better UI with AI\n\n[TypeUI](https://www.typeui.sh) is an AI-first platform where you can use design skills, UI prompts, and other resources to enhance AI capabilities to generate better user interfaces and design when building websites and applications. The resources from this repository will work with any AI provider, given they support markdown files or general prompting.\n\n## Getting started\n\nInstall TypeUI where you build. Connect your AI coding tool to TypeUI MCP, then ask for UI in plain language while TypeUI supplies design systems, prompts, and layout variation guidance.\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n $\"Codex$ \n \n Codex\n \n \n _{Connect Codex to TypeUI MCP automatically with the TypeUI Codex plugin.}\n \n Install in Codex →\n	\n \n $\"Claude$ \n \n Claude\n \n \n _{Give Claude access to curated design guidance while it writes or refactors UI.}\n \n Install in Claude →\n	\n \n $\"Cursor$ \n \n Cursor\n \n \n _{Use the TypeUI Cursor plugin while Cursor builds screens, sections, and variations.}\n \n Install in Cursor →\n
\n \n $\"xAI$ \n \n Grok\n \n \n _{Add the hosted TypeUI MCP server to Grok.}\n \n Open Grok guide →\n	\n \n $\"Z.ai$ \n \n Z.ai\n \n \n _{Add the hosted TypeUI MCP server to Z.ai ZCode.}\n \n Open Z.ai guide →\n	\n \n $\"Hermes$ \n \n Hermes\n \n \n _{Install the TypeUI MCP plugin for Hermes Agent.}\n \n Open Hermes guide →\n
\n \n $\"OpenClaw$ \n \n OpenClaw\n \n \n _{Add the hosted TypeUI MCP server to OpenClaw.}\n \n Open OpenClaw guide →\n	\n \n $\"Eve$ \n \n Eve\n \n \n _{Add TypeUI design skills to Eve agents.}\n \n Open Eve guide →\n	\n \n $\"Mistral$ \n \n Mistral\n \n \n _{Add the hosted TypeUI MCP server to Mistral.}\n \n Open Mistral guide →\n
\n \n $\"OpenCode$ \n \n OpenCode\n \n \n _{Give OpenCode access to TypeUI design systems and prompts.}\n \n Install in OpenCode →\n	\n \n $\"Visual$ \n \n VS Code\n \n \n _{Connect GitHub Copilot in VS Code to TypeUI MCP.}\n \n Install in VS Code →\n	\n \n $\"Antigravity$ \n \n Antigravity\n \n \n _{Connect Antigravity to TypeUI MCP for UI generation workflows.}\n \n Open Antigravity guide →\n
\n \n $\"Windsurf$ \n \n Windsurf\n \n \n _{Connect Windsurf Cascade to TypeUI MCP.}\n \n Install in Windsurf →\n	\n \n $\"Junie$ \n \n JetBrains\n \n \n _{Connect JetBrains AI Assistant or Junie to TypeUI MCP.}\n \n Install in JetBrains →\n	\n \n $\"Zed$ \n \n Zed\n \n \n _{Add the hosted TypeUI MCP server to Zed.}\n \n Open Zed guide →\n
\n \n $\"GitHub$ \n \n GitHub Copilot\n \n \n _{Add the hosted TypeUI MCP server to GitHub Copilot.}\n \n Open GitHub Copilot guide →\n	\n \n $\"Cline$ \n \n Cline\n \n \n _{Add the hosted TypeUI MCP server to Cline.}\n \n Install in Cline →\n	\n \n $\"Qwen$ \n \n Qwen\n \n \n _{Add the hosted TypeUI MCP server to Qwen Code.}\n \n Open Qwen guide →\n
\n \n $\"Amp$ \n \n Amp\n \n \n _{Add the hosted TypeUI MCP server to Amp.}\n \n Open Amp guide →\n	\n \n $\"Goose$ \n \n Goose\n \n \n _{Add the hosted TypeUI MCP server to Goose.}\n \n Open Goose guide →\n	\n \n $\"Lovable$ \n \n Lovable\n \n \n _{Add the hosted TypeUI MCP server to Lovable.}\n \n Open Lovable guide →\n
\n \n $\"Replit$ \n \n Replit\n \n \n _{Add the hosted TypeUI MCP server to Replit.}\n \n Open Replit guide →\n	\n \n $\"v0$ \n \n v0\n \n \n _{Add the hosted TypeUI MCP server to v0.}\n \n Open v0 guide →\n

\n\n## Design skills\n\nCheck out all [design skills](https://www.typeui.sh/design-skills). Available in both `DESIGN.md` and `SKILL.md` formats.\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n $\"Agentic\"$ \n Agentic\n \n	\n \n $\"Ant\"$ \n Ant\n \n	\n \n $\"Application\"$ \n Application\n \n
\n \n $\"Artistic\"$ \n Artistic\n \n	\n \n $\"Bento\"$ \n Bento\n \n	\n \n $\"Bold\"$ \n Bold\n \n
\n \n $\"Brutalism\"$ \n Brutalism\n \n	\n \n $\"Cafe\"$ \n Cafe\n \n	\n \n $\"Claymorphism\"$ \n Claymorphism\n \n
\n \n $\"Claude\"$ \n Claude\n \n	\n \n $\"Clean\"$ \n Clean\n \n	\n \n $\"Codex\"$ \n Codex\n \n
\n \n $\"Colorful\"$ \n Colorful\n \n	\n \n $\"Contemporary\"$ \n Contemporary\n \n	\n \n $\"Corporate\"$ \n Corporate\n \n
\n \n $\"Cosmic\"$ \n Cosmic\n \n	\n \n $\"Creative\"$ \n Creative\n \n	\n \n $\"Dashboard\"$ \n Dashboard\n \n
\n \n $\"Dithered\"$ \n Dithered\n \n	\n \n $\"Doodle\"$ \n Doodle\n \n	\n \n $\"Dramatic\"$ \n Dramatic\n \n
\n \n $\"Editorial\"$ \n Editorial\n \n	\n \n $\"Square\"$ \n Square\n \n	\n \n $\"Energetic\"$ \n Energetic\n \n
\n \n $\"Enterprise\"$ \n Enterprise\n \n	\n \n $\"Expressive\"$ \n Expressive\n \n	\n \n $\"Fantasy\"$ \n Fantasy\n \n
\n \n $\"Fiction\"$ \n Fiction\n \n	\n \n $\"Flat\"$ \n Flat\n \n	\n \n $\"Friendly\"$ \n Friendly\n \n
\n \n $\"Futuristic\"$ \n Futuristic\n \n	\n \n $\"Glassmorphism\"$ \n Glassmorphism\n \n	\n \n $\"Gradient\"$ \n Gradient\n \n
\n \n $\"Immersive\"$ \n Immersive\n \n	\n \n $\"Impeccable\"$ \n Impeccable\n \n	\n \n $\"Levels\"$ \n Levels\n \n
\n \n $\"Lingo\"$ \n Lingo\n \n	\n \n $\"Power\"$ \n Power\n \n	\n \n $\"Material\"$ \n Material\n \n
\n \n $\"Matrix\"$ \n Matrix\n \n	\n \n $\"Minimal\"$ \n Minimal\n \n	\n \n $\"Modern\"$ \n Modern\n \n
\n \n $\"Mono\"$ \n Mono\n \n	\n \n $\"Neon\"$ \n Neon\n \n	\n \n $\"Neobrutalism\"$ \n Neobrutalism\n \n
\n \n $\"Neumorphism\"$ \n Neumorphism\n \n	\n \n $\"Pacman\"$ \n Pacman\n \n	\n \n $\"Paper\"$ \n Paper\n \n
\n \n $\"Perspective\"$ \n Perspective\n \n	\n \n $\"Premium\"$ \n Premium\n \n	\n \n $\"Professional\"$ \n Professional\n \n
\n \n $\"Publication\"$ \n Publication\n \n	\n \n $\"Refined\"$ \n Refined\n \n	\n \n $\"Retro\"$ \n Retro\n \n
\n \n $\"Riso\"$ \n Riso\n \n	\n \n $\"Sega\"$ \n Sega\n \n	\n \n $\"Shadcn\"$ \n Shadcn\n \n
\n \n $\"Geometric\"$ \n Geometric\n \n	\n \n $\"Sketch\"$ \n Sketch\n \n	\n \n $\"Skeumorphism\"$ \n Skeumorphism\n \n
\n \n $\"Sleek\"$ \n Sleek\n \n	\n \n $\"Spacious\"$ \n Spacious\n \n	\n \n $\"Storytelling\"$ \n Storytelling\n \n
\n \n $\"Terracotta\"$ \n Terracotta\n \n	\n \n $\"Tetris\"$ \n Tetris\n \n	\n \n $\"Vibrant\"$ \n Vibrant\n \n
\n \n $\"Vintage\"$ \n Vintage\n \n

\n\n## UI design prompts\n\nBrowse all major UI prompt categories from [TypeUI Prompts](https://www.typeui.sh/prompts).\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n $\"Hero$ \n Hero Sections\n \n _{17 layouts}\n	\n \n $\"Pricing$ \n Pricing Sections\n \n _{20 layouts}\n	\n \n $\"Feature$ \n Feature Sections\n \n _{16 layouts}\n
\n \n $\"CTA$ \n CTA Sections\n \n _{11 layouts}\n	\n \n $\"Content$ \n Content Sections\n \n _{12 layouts}\n	\n \n $\"Contact$ \n Contact Sections\n \n _{9 layouts}\n
\n \n $\"Customer$ \n Customer Logos\n \n _{10 layouts}\n	\n \n $\"Team$ \n Team Sections\n \n _{8 layouts}\n	\n \n $\"Social$ \n Social Proof\n \n _{11 layouts}\n
\n \n $\"FAQ$ \n FAQ Sections\n \n _{8 layouts}\n	\n \n $\"Testimonials\"$ \n Testimonials\n \n _{8 layouts}\n	\n \n $\"Blog$ \n Blog Sections\n \n _{8 layouts}\n
\n \n $\"Portfolio$ \n Portfolio Sections\n \n _{7 layouts}\n	\n \n $\"Newsletter$ \n Newsletter\n \n _{4 layouts}\n	\n \n $\"Event$ \n Event Schedule\n \n _{4 layouts}\n
\n \n $\"Footer$ \n Footer Sections\n \n _{7 layouts}\n	\n \n $\"Login$ \n Login Pages\n \n _{5 layouts}\n	\n \n $\"Register$ \n Register Pages\n \n _{5 layouts}\n

\n\n## UI/UX Fundamentals\n\nUse our official skill for UI/UX fundamentals based on years of experience, knowledge and data from the design world to make sure that any UI you generate together with the design skills and UI prompts from TypeUI will keep fundamental design principles in order, such as spacing, typography, color contrasts, and more.\n\nRun this command to install it locally:\n\n```\nnpx skills add https://github.com/bergside/typeui --skill typeui-fundamentals\n```\n\n## CLI commands\n\nAll commands run via `npx typeui.sh`. Add `--help` to any command to see its options.\n\n| | Command | What it does |\n| :---: | :--- | :--- |\n| 🪄 | [`generate`](#generate) | Generate a fresh `SKILL.md` or `DESIGN.md` from interactive prompts. |\n| ✏️ | [`update`](#update) | Re-run prompts and update existing output files in place. |\n| 🎲 | [`randomize`](#randomize) | Generate a fully randomized local design system. |\n| 📚 | [`list`](#list) | Browse available registry specs and pull one automatically. |\n| ⬇️ | [`pull `](#pull-slug) | Pull a specific registry markdown file by slug. |\n\n### `generate`\n\nRun interactive prompts and generate a fresh `SKILL.md` (default) or `DESIGN.md` file.\n\n```bash\nnpx typeui.sh generate\nnpx typeui.sh generate --format design\n```\n\n### `update`\n\nRun interactive prompts and update existing output files in place.\n\n```bash\nnpx typeui.sh update\n```\n\n### `randomize`\n\nGenerate a fully randomized local design system — useful for quickly seeding a starter spec.\n\n```bash\nnpx typeui.sh randomize\nnpx typeui.sh randomize --format design\n```\n\n### `list`\n\nBrowse available registry specs from [`bergside/awesome-design-skills`](https://github.com/bergside/awesome-design-skills) (with `typeui.sh` preview links), then pull one automatically.\n\n```bash\nnpx typeui.sh list\nnpx typeui.sh list --format design\n```\n\n### `pull `\n\nPull a registry markdown file by slug. `SKILL.md` writes to provider paths; `DESIGN.md` writes to the project root.\n\n```bash\nnpx typeui.sh pull \nnpx typeui.sh pull --format design\n```\n\n## Local development\n\nIf you want to use this locally these are the commands you need to run:\n\n```bash\nnpm install\n\nnpm run build\n```\n\nThen use the following command instead of `npx` in your terminal:\n\n```\nnode dist/cli.js --help\n```\n\n## License\n\nThe CLI and public registry is open-source under the MIT License.\n\n## Pro version\n\nGet access to enhanched design skill files, UI prompts for layouts and a private Discord community by getting the [pro version](https://www.typeui.sh/#pricing) and thus supporting our open-source work.\n\n## Sponsors\n\nA huge thank you to the companies supporting our open-source work.\n\n\n \n \n \n

\n \n $\"Skybridge\"$ \n
Skybridge\n \n

\n\nWant to see your logo here? [Become a sponsor](https://www.typeui.sh/sponsor).\n","changelogMarkdown","videoKey","requiredSecretsJson","publishedAt","priceCents","trialDays",0,"upstream",{"_113":114,"_115":116,"_117":118,"_119":120,"_121":122,"_123":124},"requiredSecrets",[],"tags",[98,99,100,101,102,103,104,105,106,107,108,109,110,111,112],"assets",[],"stats",{"_96":85,"_97":85},"ratingAvg","reviewCount","agent-skills","ai","ai-tools","claude-design","cli","codex","design","design-md","design-system","design-tools","gemini","gemini-cli-extension","google-stitch","skills","terminal","topics",[98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,125],"license","NOASSERTION","language","TypeScript","registryName","io.github.bergside/typeui","homepage","https://www.typeui.sh","packages",[],"ui","ENV",{"_128":129,"_130":131,"_132":133},"ENVIRONMENT","production","TURNSTILE_SITE_KEY","0x4AAAAAAB8-rEI2gNDf_QhU","SENTRY_DSN","https://45fd1229f78089d5c3ee78be128030e1@o4510583261757440.ingest.de.sentry.io/4510584253448272"]