codewithmuhilan/lightswind-ui-library

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

1249 stars 129 forks 品質 94 トレンド 64MIT

Repository Install

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 UIとは何ですか?

Lightswind UIは、shadcn/uiが先導したのと同じ哲学に基づいて構築されたソースコードコンポーネントライブラリです。コンポーネントはあなたのプロジェクト内に存在し、ランタイム依存関係ではありません。単一のCLIコマンドでインストールし、完全に所有し、自由にカスタマイズできます。

Lightswind UIの特徴は、そのAIネイティブの配信層です。これは業界初のMCP(Model Context Protocol)コンポーネントライブラリサーバーであり、Cursor、Claude、GitHub CopilotなどのAIコーディングエージェントがコードベース内で自律的にコンポーネントを閲覧、取得、インストールできるようにします。

なぜLightswind UIなの?

機能	Lightswind UI	shadcn/UI	Radix UI	マテリアル UI
ソース所有権をコピー&ペースト	✅	✅	❌	❌
スマート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

GitHub で README 全文を見る

インストール

npx -y lightswind mcp

MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

{
  "mcpServers": {
    "lightswind-mcp": {
      "command": "npx",
      "args": ["-y", "lightswind", "mcp"],
      "env": {
        "LIGHTSWIND_LICENSE_KEY": "sk_pro_YOUR_KEY"
      }
    }
  }
}