DesignMDはURLから実際のデザインシステムを自動抽出し、AIコーディングエージェント向けにDESIGN.md形式で出力するCLIツールです。色、タイポグラフィ、間隔、ブレイクポイント、インタラクション状態をヘッドレスブラウザで実測します。
オープンソース。新しい可能性。
優れたオープンソースプロジェクトを見つけ、匿名でプロジェクトを投稿し、自分のプロジェクトを申請して編集できます。
好奇心とともに、オープンソースの世界へ。
THE FIRST COLLECTIONdrawio-skillは、自然言語やコード、Terraform/K8s、SQL、OpenAPI、AsyncAPI、Protobuf、GraphQLから編集可能でテスト済みのdraw.ioアーキテクチャ図を生成するAgent Skills互換スキルです。増分同期、マルチビュー投影、ドリフト差分、CIアーキテクチャテスト、インタラクティブなHTML/PPTX/Mermaidエクスポートを備えます。
39種類のエディトリアル品質なダイアグラムを自己完結型HTML+SVGで提供。AIコーディングアシスタント向けスキル。ブランドマッチ、アクセシビリティ対応、ビルド不要。draw.io、Mermaid、Excalidrawからのインポート対応。
UI UX Pro MaxはClaude Code、CursorなどのAIコーディングアシスタントに対応するオープンソースのAIスキル。79種類のUIスタイル、192の業界別推論ルール、192のカラーパレット、74のフォントペア、22の技術スタック向けのUI/UXガイドラインを提供する。
Better Designは、AIコーディングエージェントにデザインシステム、セマンティックCSSトークン、UI原則、WCAG準拠のレビュールールなどを提供するオープンソースのMCPサーバーおよびshadcn/uiレジストリです。31のテーマを搭載し、Claude CodeやCursorなどのMCPクライアントと連携します。
brandmdは、ウェブサイトのデザインシステムを抽出し、公式の@google/design.mdリンターに準拠したDESIGN.mdを生成するCLIツールです。Claude CodeやCursorなどのコーディングエージェントにUI実装前のブランドコンテキストを提供します。
Figmaデザインシステムのinspectとbuildを実行するClaudeスキル。WCAG等6つの監査モジュールによるread-onlyチェックと、6フェーズのワークフローでデザインシステムの構築・拡張を行う。
macOS (Apple Silicon)向けのAI駆動型決定論的アニメーションビデオスタジオ。同一プロジェクトからバイト単位で同一の書き出しを保証します。
参照画像からオブジェクトを再構成し、プロシージャルなコードのみのThree.jsモデルに変換する、トークン効率の高いパイプライン。