Vibe Coding Discoverstylekit
View on GitHub精选优质 Web 设计风格，提供文档、组件模板、代码片段， 以及可直接导出的 AI Rules。
Open-source catalog of 148 web design styles for AI-generated UIs. Each style ships design tokens, component recipes, Tailwind constraints and prompts, delivered to coding agents via an MCP server, Agent Skills, Cursor/Claude rules and shadcn registry exports.
Use Cases
Give AI coding agents a named visual style with real tokens and constraintsInstall 148 design styles into a shadcn/Tailwind project via registryRetrieve styles, design tokens and component recipes over MCPLint AI-generated UI code against a chosen style's rulesExport Tailwind presets, CSS variables and Figma tokensGenerate consistent landing pages, dashboards and portfolios with LLMsLoad IDE rules (.cursorrules, claude-rules, windsurf-rules) for styled outputQuery machine-readable llms.txt / HTTP API for style metadataCopy ready-made page templates and animation snippets
Built With
- Language
- TypeScript
- Frameworks
- Next.js · React · Tailwind CSS · shadcn/ui · TypeScript · Model Context Protocol · Claude Code · Cursor · Windsurf · Agent Skills · Node.js · pnpm · Supabase · ESLint · PostCSS
Tags
design-system · design-tokens · web-design · ui-design · tailwindcss · shadcn · agent-skills · ai-prompts · cursor-rules · claude-rules · style-catalog · code-generation · frontend · nextjs · mcp-server · llms-txt