Communitygithub.com

ArtiomB5/design-md-toolkit

OpenCode デザインシステムツールキット:design-md-wizard エージェント、/design-md-init コマンド、design-md-apply スキル — アンケート、コードベース、または Figma トークンから DESIGN.md を作成、検証、適用し、デザインシステムの参照を AGENTS.md と CLAUDE.md に自動同期して一貫性のあるブランド準拠の UI 生成を実現する統一拡張機能群です。

design-md-toolkit とは?

ArtiomB5/design-md-toolkit は、OpenCode エコシステム向けのデザインシステムツールキットです。このツールキットは、開発者がプロジェクトのデザインシステムを一元管理し、コード生成時に一貫したブランド準拠の UI を自動的に適用できるようにします。具体的には、design-md-wizard エージェントがアンケートやコードベース、Figma トークンから DESIGN.md を作成・検証し、/design-md-init コマンドで初期化、design-md-apply スキルで DESIGN.md を強制適用します。さらに、生成されたデザインシステムの参照を AGENTS.md と CLAUDE.md に自動同期することで、AI エージェント(例:Claude Code, Cursor, Codex)が常に最新のデザインルールを認識し、一貫性のある UI を生成できるようになります。このツールは、複数のプラットフォームで動作し、開発チームがデザインの一貫性を保ちながら効率的に開発を進めるのに役立ちます。

対応✓Claude Code~Codex CLI~Cursor✓OpenCode
npx skills add ArtiomB5/design-md-toolkit

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

design-md-toolkit は何をしますか?

OpenCode デザインシステムツールキット:design-md-wizard エージェント、/design-md-init コマンド、design-md-apply スキル — アンケート、コードベース、または Figma トークンから DESIGN.md を作成、検証、適用し、デザインシステムの参照を AGENTS.md と CLAUDE.md に自動同期して一貫性のあるブランド準拠の UI 生成を実現する統一拡張機能群です。

関連スキル