Hacker News
A new MCP server allows AI agents to directly fetch and utilize pre-designed UntitledUI components, offering a more polished and consistent alternative to AI-generated UIs.
AI 生成摘要
一個新的 MCP 伺服器讓 AI 代理能夠直接獲取並使用預先設計的 UntitledUI 組件，為 AI 生成的使用者介面提供更精緻、更一致的替代方案。
We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
An MCP for Untitled UI components.
MCP server that lets AI agents fetch real UntitledUI components instead of generating UI from scratch.
AI tools can generate functional UI, but the result often lacks the polish and consistency of professionally designed systems. UntitledUI is one of the most refined component libraries available — this MCP gives your AI direct access to it.
Instead of generating a modal from patterns it's seen, your AI fetches the actual UntitledUI modal with all its carefully crafted details intact.
UntitledUI components require specific Tailwind configuration, design tokens, and providers. The easiest way to get started is with an official starter kit:
Next.js:
Vite:
These starter kits come pre-configured with:
Claude Code:
Cursor / VS Code — add to .cursor/mcp.json:
This gives you access to base components (button, input, select, avatar, badge, etc.) without authentication.
To access application components (modals, sidebars, tables, dashboards) and marketing sections, authenticate with your UntitledUI Pro license:
This opens your browser to authenticate and saves your license key to ~/.untitledui/config.json. The MCP auto-detects this file.
Alternatively, set the key manually in your MCP config:
Start with a starter kit — Don't try to add UntitledUI components to an existing project without the proper Tailwind setup. The starter kits handle all configuration.
Ask your AI to fetch components — Once your project is set up, ask your AI to add specific components:
Build complete pages from examples — For larger features, start with a page template:
Your AI gets these tools:
Responses include token estimates to help AI agents manage context limits. For very large responses (>25K tokens), the AI can use get_component_file to fetch individual files.
UntitledUI components use custom Tailwind classes like bg-primary, text-display-md, and design tokens that aren't part of standard Tailwind.
Solution: Use a UntitledUI starter kit. The starter kits include all required Tailwind configuration and design tokens.
Pro components depend on base components (button, input, etc.). When fetching a component with get_component_with_deps, all dependencies are included automatically.
Solution: Make sure you're using get_component_with_deps instead of get_component for Pro components.
UntitledUI is created by Jordan Hughes.
MIT
An MCP for Untitled UI components.
There was an error while loading. Please reload this page.
0
2
