{"id":50726980,"url":"https://github.com/bergside/typeui","last_synced_at":"2026-06-27T06:00:58.752Z","repository":{"id":342866411,"uuid":"1171412548","full_name":"bergside/typeui","owner":"bergside","description":"Build better UI with Codex, Claude, Cursor and other AI tools","archived":false,"fork":false,"pushed_at":"2026-06-20T15:37:06.000Z","size":357,"stargazers_count":1215,"open_issues_count":0,"forks_count":88,"subscribers_count":8,"default_branch":"main","last_synced_at":"2026-06-20T17:22:05.632Z","etag":null,"topics":["agent-skills","ai","ai-tools","claude-design","cli","codex","design","design-md","design-system","design-tools","gemini","gemini-cli-extension","google-stitch","skills","terminal","ui"],"latest_commit_sha":null,"homepage":"https://www.typeui.sh","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bergside.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-03T07:46:57.000Z","updated_at":"2026-06-20T15:37:10.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/bergside/typeui","commit_stats":null,"previous_names":["bergside/typeui.sh","bergside/typeui"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/bergside/typeui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bergside%2Ftypeui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bergside%2Ftypeui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bergside%2Ftypeui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bergside%2Ftypeui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bergside","download_url":"https://codeload.github.com/bergside/typeui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bergside%2Ftypeui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34843147,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-27T02:00:06.362Z","response_time":126,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["agent-skills","ai","ai-tools","claude-design","cli","codex","design","design-md","design-system","design-tools","gemini","gemini-cli-extension","google-stitch","skills","terminal","ui"],"created_at":"2026-06-10T05:00:35.174Z","updated_at":"2026-06-27T06:00:58.746Z","avatar_url":"https://github.com/bergside.png","language":"TypeScript","funding_links":[],"categories":["Prompts"],"sub_categories":["Usage"],"readme":"\u003c!-- mcp-name: io.github.bergside/typeui --\u003e\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\u003ctable width=\"100%\"\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/codex\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/codex.svg\" alt=\"Codex logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eCodex\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eConnect Codex to TypeUI MCP automatically with the TypeUI Codex plugin.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/codex\"\u003e\u003cb\u003eInstall in Codex →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/claude\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/claude-icon.svg\" alt=\"Claude logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eClaude\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eGive Claude access to curated design guidance while it writes or refactors UI.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/claude\"\u003e\u003cb\u003eInstall in Claude →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/cursor\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/cursor-icon.svg\" alt=\"Cursor logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eCursor\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eUse the TypeUI Cursor plugin while Cursor builds screens, sections, and variations.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/cursor\"\u003e\u003cb\u003eInstall in Cursor →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/grok\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/xai.svg\" alt=\"xAI logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eGrok\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to Grok.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/grok\"\u003e\u003cb\u003eOpen Grok guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/mistral\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/mistral-ai.svg\" alt=\"Mistral logo\" width=\"69\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eMistral\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to Mistral.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/mistral\"\u003e\u003cb\u003eOpen Mistral guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/opencode\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/opencode.svg\" alt=\"OpenCode logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eOpenCode\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eGive OpenCode access to TypeUI design systems and prompts.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/opencode\"\u003e\u003cb\u003eInstall in OpenCode →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/vscode\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/vscode.svg\" alt=\"Visual Studio Code logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eVS Code\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eConnect GitHub Copilot in VS Code to TypeUI MCP.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/vscode\"\u003e\u003cb\u003eInstall in VS Code →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/antigravity\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/antigravity.svg\" alt=\"Antigravity logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eAntigravity\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eConnect Antigravity to TypeUI MCP for UI generation workflows.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/antigravity\"\u003e\u003cb\u003eOpen Antigravity guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/windsurf\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/windsurf.svg\" alt=\"Windsurf logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eWindsurf\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eConnect Windsurf Cascade to TypeUI MCP.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/windsurf\"\u003e\u003cb\u003eInstall in Windsurf →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/jetbrains\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/junie.svg\" alt=\"Junie logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eJetBrains\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eConnect JetBrains AI Assistant or Junie to TypeUI MCP.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/jetbrains\"\u003e\u003cb\u003eInstall in JetBrains →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/zed\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/zed.svg\" alt=\"Zed logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eZed\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to Zed.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/zed\"\u003e\u003cb\u003eOpen Zed guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/github-copilot\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/githubcopilot.svg\" alt=\"GitHub Copilot logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eGitHub Copilot\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to GitHub Copilot.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/github-copilot\"\u003e\u003cb\u003eOpen GitHub Copilot guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/cline\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/cline.svg\" alt=\"Cline logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eCline\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to Cline.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/cline\"\u003e\u003cb\u003eInstall in Cline →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/qwen\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/qwen.svg\" alt=\"Qwen logo\" width=\"120\" height=\"40\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eQwen\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to Qwen Code.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/qwen\"\u003e\u003cb\u003eOpen Qwen guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/amp\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/ampcode.svg\" alt=\"Amp logo\" width=\"94\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eAmp\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to Amp.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/amp\"\u003e\u003cb\u003eOpen Amp guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/goose\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/goose.svg\" alt=\"Goose logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eGoose\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to Goose.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/goose\"\u003e\u003cb\u003eOpen Goose guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/lovable\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/lovable-logo-icon.svg\" alt=\"Lovable logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eLovable\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to Lovable.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/lovable\"\u003e\u003cb\u003eOpen Lovable guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/replit\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/replit-color.svg\" alt=\"Replit logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003eReplit\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to Replit.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/replit\"\u003e\u003cb\u003eOpen Replit guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/v0\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/ai-tools-logos/light/v0.svg\" alt=\"v0 logo\" width=\"48\" height=\"48\" /\u003e\n        \u003cbr /\u003e\u003cbr /\u003e\n        \u003cb\u003ev0\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003csub\u003eAdd the hosted TypeUI MCP server to v0.\u003c/sub\u003e\n      \u003cbr /\u003e\u003cbr /\u003e\n      \u003ca href=\"https://www.typeui.sh/docs/guides/v0\"\u003e\u003cb\u003eOpen v0 guide →\u003c/b\u003e\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\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\u003ctable width=\"100%\"\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/agentic\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/agentic.png\" alt=\"Agentic\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eAgentic\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/ant\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/ant.png\" alt=\"Ant\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eAnt\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/application\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/application.png\" alt=\"Application\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eApplication\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/artistic\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/artistic.png\" alt=\"Artistic\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eArtistic\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/bento\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/bento.png\" alt=\"Bento\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eBento\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/bold\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/bold.png\" alt=\"Bold\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eBold\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/brutalism\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/brutalism.png\" alt=\"Brutalism\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eBrutalism\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/cafe\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/cafe.png\" alt=\"Cafe\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eCafe\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/claymorphism\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/claymorphism.png\" alt=\"Claymorphism\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eClaymorphism\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/claude\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/claude.png\" alt=\"Claude\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eClaude\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/clean\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/clean.png\" alt=\"Clean\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eClean\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/codex\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/codex.png\" alt=\"Codex\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eCodex\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/colorful\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/colorful.png\" alt=\"Colorful\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eColorful\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/contemporary\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/contemporary.png\" alt=\"Contemporary\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eContemporary\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/corporate\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/corporate.png\" alt=\"Corporate\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eCorporate\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/cosmic\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/cosmic.png\" alt=\"Cosmic\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eCosmic\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/creative\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/creative.png\" alt=\"Creative\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eCreative\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/dashboard\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/dashboard.png\" alt=\"Dashboard\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eDashboard\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/dithered\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/dithered.png\" alt=\"Dithered\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eDithered\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/doodle\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/hand-drawn.png\" alt=\"Doodle\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eDoodle\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/dramatic\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/dramatic.png\" alt=\"Dramatic\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eDramatic\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/editorial\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/editorial.png\" alt=\"Editorial\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eEditorial\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/elegant\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/elegant.png\" alt=\"Elegant\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eElegant\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/energetic\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/energetic.png\" alt=\"Energetic\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eEnergetic\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/enterprise\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/enterprise.png\" alt=\"Enterprise\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eEnterprise\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/expressive\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/expressive.png\" alt=\"Expressive\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eExpressive\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/fantasy\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/fantasy.png\" alt=\"Fantasy\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eFantasy\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/fiction\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/fiction.png\" alt=\"Fiction\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eFiction\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/flat\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/flat.png\" alt=\"Flat\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eFlat\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/friendly\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/friendly.png\" alt=\"Friendly\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eFriendly\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/futuristic\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/futuristic.png\" alt=\"Futuristic\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eFuturistic\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/glassmorphism\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/glassmorphism.png\" alt=\"Glassmorphism\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eGlassmorphism\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/gradient\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/gradient.png\" alt=\"Gradient\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eGradient\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/immersive\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/immersive.png\" alt=\"Immersive\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eImmersive\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/impeccable\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/impeccable.png\" alt=\"Impeccable\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eImpeccable\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/levels\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/levels.png\" alt=\"Levels\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eLevels\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/lingo\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/lingo.png\" alt=\"Lingo\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eLingo\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/luxury\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/luxury.png\" alt=\"Luxury\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eLuxury\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/material\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/material.png\" alt=\"Material\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eMaterial\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/matrix\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/matrix.png\" alt=\"Matrix\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eMatrix\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/minimal\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/minimal.png\" alt=\"Minimal\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eMinimal\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/modern\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/modern.png\" alt=\"Modern\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eModern\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/mono\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/mono.png\" alt=\"Mono\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eMono\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/neon\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/neon.png\" alt=\"Neon\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eNeon\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/neobrutalism\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/neobrutalism.png\" alt=\"Neobrutalism\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eNeobrutalism\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/neumorphism\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/neumorphism.png\" alt=\"Neumorphism\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eNeumorphism\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/pacman\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/pacman.png\" alt=\"Pacman\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003ePacman\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/paper\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/paper.png\" alt=\"Paper\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003ePaper\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/perspective\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/perspective.png\" alt=\"Perspective\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003ePerspective\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/premium\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/premium.png\" alt=\"Premium\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003ePremium\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/professional\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/professional.png\" alt=\"Professional\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eProfessional\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/publication\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/publication.png\" alt=\"Publication\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003ePublication\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/refined\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/refined.png\" alt=\"Refined\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eRefined\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/retro\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/retro.png\" alt=\"Retro\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eRetro\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/riso\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/riso.png\" alt=\"Riso\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eRiso\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/sega\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/sega.png\" alt=\"Sega\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eSega\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/shadcn\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/shadcn.png\" alt=\"Shadcn\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eShadcn\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/simple\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/simple.png\" alt=\"Simple\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eSimple\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/sketch\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/sketch.png\" alt=\"Sketch\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eSketch\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/skeumorphism\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/skeumorphism.png\" alt=\"Skeumorphism\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eSkeumorphism\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/sleek\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/sleek.png\" alt=\"Sleek\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eSleek\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/spacious\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/spacious.png\" alt=\"Spacious\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eSpacious\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/storytelling\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/storytelling.png\" alt=\"Storytelling\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eStorytelling\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/terracotta\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/terracotta.png\" alt=\"Terracotta\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eTerracotta\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/tetris\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/tetris.png\" alt=\"Tetris\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eTetris\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/vibrant\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/vibrant.png\" alt=\"Vibrant\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eVibrant\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/design-skills/vintage\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/registry-examples/vintage.png\" alt=\"Vintage\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eVintage\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\u0026nbsp;\u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\u0026nbsp;\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## UI design prompts\n\nBrowse all major UI prompt categories from [TypeUI Prompts](https://www.typeui.sh/prompts).\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/hero\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/hero/1-centered-stack-with-big-image-below.svg\" alt=\"Hero Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eHero Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e17 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/pricing\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/pricing/1-three-pricing-cards-in-a-row.svg\" alt=\"Pricing Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003ePricing Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e20 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/feature\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/feature/1-left-aligned-intro-with-six-up-icon-grid.svg\" alt=\"Feature Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eFeature Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e16 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/cta\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/cta/2-centered-headline-paragraph-and-dual-rounded-buttons.svg\" alt=\"CTA Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eCTA Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e11 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/content\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/content/1-two-column-split-copy-and-ctas-left-video-placeholder-right.svg\" alt=\"Content Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eContent Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e12 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/contact\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/contact/1-centered-heading-supporting-copy-and-stacked-form-with-dual-actions.svg\" alt=\"Contact Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eContact Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e9 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/customer-logo\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/customer-logo/1-centered-kicker-and-single-wrapping-logo-row.svg\" alt=\"Customer Logo Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eCustomer Logos\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e10 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/team\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/team/1-four-column-grid-with-badge-role-and-contact-action.svg\" alt=\"Team Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eTeam Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e8 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/social-proof\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/social-proof/1-centered-inline-stat-row.svg\" alt=\"Social Proof Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eSocial Proof\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e11 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/faq\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/faq/1-centered-heading-with-single-column-accordion.svg\" alt=\"FAQ Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eFAQ Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e8 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/testimonials\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/testimonials/1-centered-single-testimonial-with-decorative-quote-mark.svg\" alt=\"Testimonials\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eTestimonials\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e8 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/blog\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/blog/2-trending-topics-categorized-link-columns.svg\" alt=\"Blog Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eBlog Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e8 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/portfolio\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/portfolio/2-uniform-six-card-grid.svg\" alt=\"Portfolio Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003ePortfolio Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e7 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/newsletter\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/newsletter/1-centered-stack-with-floating-avatar-portraits.svg\" alt=\"Newsletter Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eNewsletter\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e4 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/events\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/event-schedule/2-centered-single-day-ruled-timeline.svg\" alt=\"Event Schedule Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eEvent Schedule\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e4 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/footer\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/marketing/footer/1-logo-links-and-copyright-centered-stack.svg\" alt=\"Footer Sections\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eFooter Sections\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e7 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/login\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/application/login/2-default-centered-card.svg\" alt=\"Login Pages\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eLogin Pages\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e5 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.typeui.sh/prompts/register\"\u003e\n        \u003cimg src=\"https://www.typeui.sh/prompts/application/register/1-default-centered-card.svg\" alt=\"Register Pages\" width=\"260\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eRegister Pages\u003c/b\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\u003csub\u003e5 layouts\u003c/sub\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\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 \u003cslug\u003e`](#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 \u003cslug\u003e`\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 \u003cslug\u003e\nnpx typeui.sh pull \u003cslug\u003e --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\u003ctable width=\"100%\"\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.skybridge.tech/?ref=typeui.sh\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n        \u003cimg src=\"https://github.com/user-attachments/assets/88c401ee-b19b-4b78-9a7e-325337dba529\" alt=\"Skybridge\" width=\"300\" /\u003e\n        \u003cbr /\u003e\u003cb\u003eSkybridge\u003c/b\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\nWant to see your logo here? [Become a sponsor](https://www.typeui.sh/sponsor).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbergside%2Ftypeui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbergside%2Ftypeui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbergside%2Ftypeui/lists"}