LibreAI / 開発ツール / @shadcn/lint
// devtools · shadcn-ui/lint

@shadcn/lint

@shadcn/lintは、shadcn-uiが公開しているオープンソースの開発ツールプロジェクトです(GitHub: shadcn-ui/lint)。GitHubスターは3,205、フォークは65で、MITライセンスの下で公開されています。GitHubでの最終更新は2026年10月15日です。

@shadcn/lint — an agent-first linter for Tailwind design systems: you define what is allowed, and errors explain the fix in terms of your components

★ 3.2k スター⑂ 65 フォークMIT更新 2026年10月
▦ ビジュアル — このプロジェクトのREADMEには埋め込み可能なスクリーンショットがないため、
ここではプレースホルダーを表示しています。下のガイド自体は完全な内容です。
// プロジェクトの基本情報

プロジェクト基本情報

リポジトリ
shadcn-ui/lint
GitHubスター
3,205
フォーク
65
ライセンス
MIT
GitHubでの最終更新
2026年10月15日
カテゴリ
開発ツール
掲載タイプ
完全なインストールガイド
// 仕組み

仕組み

  1. Add the package

    Install @shadcn/lint as a dev dependency alongside ESLint (or Oxlint).

  2. Choose your rules

    Configure what your design system allows — component props, variants and theme tokens.

  3. Lint as you (and your agents) work

    Violations come back as explanations with suggested fixes drawn from your own components.

// 機能

選ばれる理由

Built for agents

Errors are written to be acted on by coding agents: the rule, the reason, and a concrete fix in your design system’s vocabulary.

No rewrite required

Works with your existing Tailwind v4 design system whether or not you use shadcn/ui.

ESLint and Oxlint

Official integrations for both linters, so it fits the toolchain you already run.

React, Svelte and Vue

Framework parsers are wired in for all three ecosystems.

Advertisement
// 自分で実行

自分で実行してみる

  1. Install with ESLint

    The standard setup for a React or Svelte project.

    npm install -D @shadcn/lint eslint @typescript-eslint/parser
    npx eslint .
  2. Or with Oxlint

    For Oxlint-based projects.

    npm install -D @shadcn/lint oxlint
    npx oxlint
  3. Agent-driven setup

    Give your coding agent this prompt, per the README quickstart.

    Read https://github.com/shadcn-ui/lint/blob/main/SETUP.md and set up @shadcn/lint in this project.
// 活用例

作れるもの

Advertisement
// よくある質問

よくある質問

Who maintains @shadcn/lint?

The shadcn-ui project — the team behind shadcn/ui.

Is it free?

Yes, MIT-licensed and published on npm.

Does it need a paid API key?

No — it runs locally as part of your lint step.

How does it compare to a well-known alternative?

TypeScript can restrict a style prop with types, but the error is generic. @shadcn/lint explains the design-system rule and proposes the fix using your components and variants.

How do I get started?

Install it with npm install -D @shadcn/lint plus ESLint or Oxlint, choose your rules, and run your linter — or let your agent do the setup from SETUP.md.

// さらに探索

似ているツール

開発ツール

oh-my-claudecode

Teams-first multi-agent orchestration for Claude Code — parallel agents, team mode and tmux workers

★ 39.7k スターMIT
ガイドを見る →
開発ツール

avibe

A local-first Agent OS — drive Claude Code, Codex and OpenCode from your browser.

★ 606 スターMIT
ガイドを見る →
開発ツール

magic-mcp

It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right fr…

★ 6.0k スターISC
ガイドを見る →
開発ツール

cli-printing-press

Generates agent-first Go CLIs (plus MCP servers) for any API or website — with local SQLite sync built in

★ 4.8k スターMIT
ガイドを見る →
開発ツール

kicad-happy

AI coding agent skills for KiCad electronics design. Works with Claude Code and OpenAI Codex. Analyze schematics, review PCB layouts, EMC pre-compliance, SPI…

★ 1.3k スターMIT
ガイドを見る →
開発ツール

code-review-graph

Local-first code intelligence graph for MCP and CLI. Builds a persistent map of your codebase so AI coding tools read only what matters, with benchmarked con…

★ 31.9k スターMIT
ガイドを見る →
// 代替候補

代替候補: 開発ツール

LibreAIカタログに掲載された開発ツールプロジェクトの中で最もスターの多いもの — @shadcn/lintが合わなかった場合に検討したい、現実的な候補リストです。

// さらに見る devtools

さらに見る: 開発ツール

カタログの中で@shadcn/lintとスター数が近い開発ツールプロジェクト — 前後の棚もそのまま見て回れます。

@shadcn/lintを入手する

無料でオープン — ソースコードを入手して、リポジトリにスターを付け、作り始めましょう。