codewithmuhilan/lightswind-ui-library

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

1,2 тыс. stars 129 forks Качество 94 Тренд 64MIT

codewithmuhilan/lightswind-ui-library — это кандидат на MCP-сервер, импортированный из https://github.com/codewithmuhilan/lightswind-ui-library.

Обзор

codewithmuhilan/lightswind-ui-library — это кандидат на MCP-сервер, импортированный из https://github.com/codewithmuhilan/lightswind-ui-library.

Обзор (машинный перевод)

Первая в мире библиотека компонентов, основанная на искусственном интеллекте, с первым использованием CLI для React.
160+ анимированных, доступных, готовых к производству компонентов — доставлены в виде исходного кода, который принадлежит вам навсегда.

Документация · Библиотека компонентов · Pro License · MCP Server · Changelog

Что такое интерфейс Lightswind?

UI Lightswind — это библиотека компонентов исходного кода, построенная на той же философии, что и shadcn/ui — компоненты находятся внутри вашего проекта, а не зависимость от выполнения процесса. Вы устанавливаете их с помощью одной команды CLI, полностью владеете ими и свободно настраиваете их.

Что отличает пользовательский интерфейс Lightswind — это его нативный для искусственного интеллекта уровень доставки — первый в отрасли MCP (Model Context Protocol) сервер для библиотеки компонентов, позволяющий AI-агентам программирования, таким как Cursor, Claude и GitHub Copilot, автоматически просматривать, получать и устанавливать компоненты внутри вашей кодовой базы.

Почему интерфейс Lightswind?

Функция	Интерфейс Lightswind	Shadcn/UI	Интерфейс Radix	Материальный интерфейс
Копир-вставка владения исходным кодом	✅	✅	❌	❌
Умная доставка CLI	✅	✅	❌	❌
Поддержка серверов MCP	✅	✅	✅	✅
Pro CLI и аутентифицированная доставка	✅	❌	❌	❌

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

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

Открыть полный README на GitHub

Установка

npx -y lightswind mcp

Новичок в MCP? Начните с руководства на mcpskill.org →

Конфигурация

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