「design-system」に関するオープンソースプロジェクト

PlaywrightでWebサイトを解析し、デザインシステムをTailwind、React、トークン、Markdown形式で出力します。

開発者向けの、カスタマイズ可能な最適化済みSVG技術ロゴ集をReact/TypeScriptのnpmパッケージとして提供。

Tailwind CSSにクラス名を追加するだけで使える、無料のオープンソースUIコンポーネントライブラリ。

Stitch MCP server経由で、コーディングエージェントがGoogle Stitchのデザインプロジェクトを扱えるようにするAgent Skillsとプラグインのコレクション。

Webサイト、リポジトリ、ローカルプロジェクトのデザインシステムを抽出し、Claude Codeが参照できるファイル一式を生成するCLI。

Webサイトのデザインシステムを抽出し、トークンや各種フレームワーク向けファイルに変換するCLI・MCPサーバー。

コーディングエージェントが、ありきたりなAIのLPではなく、独自のアートディレクションと実写、ブラウザーでの目視確認を取り入れたフロントエンドを設計できるAgent Skills。