Codewithmuhilan/lightswind-ui-library 是从 https://github.com/codewithmuhilan/lightswind-ui-library. 导入的 MCP 服务器候选
概览
Codewithmuhilan/lightswind-ui-library 是从 https://github.com/codewithmuhilan/lightswind-ui-library. 导入的 MCP 服务器候选
概述（AI 翻译）
全球首个原生 AI 、CLI 首个 React 组件库。 160+动画、可访问、生产准备组件——以原始源代码形式交付，永远归你所有。
文档 ·组件库 ·专业许可 ·MCP服务器 ·更新日志
什么是Lightswind的用户界面？
Lightswind UI 是一个源代码组件库，基于 shadcn/ui 开创的相同理念——组件存在于你的项目中，而非运行时依赖。你只需一个 CLI 命令安装它们，完全拥有它们，并自由自定义。
Lightswind UI 的独特之处在于其 AI 原生交付层——业界首个组件库 MCP（模型上下文协议）服务器，允许像 Cursor、Claude 和 GitHub Copilot 这样的 AI 编码代理在代码库内自主浏览、取用和安装组件。
为什么是Lightswind界面？
| 功能 | Lightswind 界面 | Shadcn/UI | Radix 界面 | 材质界面 |
|---|---|---|---|---|
| 复制粘贴来源所有权 | ✅ | ✅ | ❌ | ❌ |
| Smart CLI 传递 | ✅ | ✅ | ❌ | ❌ |
| MCP服务器支持 | ✅ | ✅ | ✅ | ✅ |
| Pro CLI 与认证交付 | ✅ | ❌ | ❌ | ❌ |
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
What is Lightswind UI?
Lightswind UI is a source-code component library built on the same philosophy pioneered by shadcn/ui — components live inside your project, not a runtime dependency. You install them with a single CLI command, own them completely, and customize them freely.
What sets Lightswind UI apart is its AI-native delivery layer — the industry’s first MCP (Model Context Protocol) server for a component library, letting AI coding agents like Cursor, Claude, and GitHub Copilot browse, fetch, and install components autonomously inside your codebase.
npx lightswind@latest init
Why Lightswind UI?
| Feature | Lightswind UI | shadcn/ui | Radix UI | Material UI |
|---|---|---|---|---|
| Copy-paste source ownership | ✅ | ✅ | ❌ | ❌ |
| Smart CLI delivery | ✅ | ✅ | ❌ | ❌ |
| MCP Server support | ✅ | ✅ | ✅ | ✅ |
| Pro CLI & authenticated delivery | ✅ | ❌ | ❌ | ❌ |
| 3D & WebGL shader components | ✅ | ❌ | ❌ | ❌ |
| Integrated Framer Motion & GSAP animations | ✅ | ❌ | ❌ | ❌ |
| Zero runtime vendor lock-in | ✅ | ✅ | ❌ | ❌ |
Quick Start
Requirements
- Node.js 18+
- React 18 or 19
- Tailwind CSS v3 or v4
- A Next.js, Vite, Remix, or CRA project
1 — Initialize
Run this from the root of your project. The CLI detects your framework (Next.js, Vite, CRA), locates your components folder, installs shared utilities, and registers the Tailwind plugin automatically.
npx lightswind@latest init
During setup, you’ll be prompted to select a color theme:
| Theme | Preview |
|---|
安装
npx -y lightswind mcp配置
{
"mcpServers": {
"lightswind-mcp": {
"command": "npx",
"args": ["-y", "lightswind", "mcp"],
"env": {
"LIGHTSWIND_LICENSE_KEY": "sk_pro_YOUR_KEY"
}
}
}
}