lnkiai/m3e-canvas

外部のオープンソース リポジトリを紹介するページです。HDATFの製品ではありません。

何をするか

M3E Canvasは、ブラウザ上でパーツをドラッグ&ドロップしてMaterial 3 Expressiveの画面をスケッチするツールです。画面同士をつないでタップで確認でき、そのデザインをAI coding tool向けのpromptとしてコピーできます。

ATFへの役立ち方

Harnessと比較する価値があります。タップできる画面スケッチを、Claude CodeやCodexなどのcoding agentが作業に使えるpromptに変えます。画面の依頼をexecutorに渡す方法の参考になり得ます。

ライセンス

MIT 寛容なライセンスです。著作権表示を残せば商用利用と改変ができます。

同じ分野のリポジトリ

• shadcn-ui/lint
  ESLintとOxlintで使える、Tailwindデザインシステム向けのlinterです。チームが許可する範囲を定めておくと、agentがルールに違反したとき、エラーが問題を説明し、プロジェクトのコンポーネント、variant、themeに沿った修正方法を提案します。
• cathrynlavery/diagram-design
  Claude Code、Codex、Piなどskill対応の環境で使うagent skillで、アーキテクチャのスケッチからフローチャートまで、エディトリアル調の図を自己完結したHTMLとSVGで作ります。draw.io、Mermaid、Excalidrawのソースを描き直すこともできます。
• wide-trace/open-higgsfield
  一つのプロンプト入力欄、モデル別の設定、完了した処理のギャラリーを備える画像と動画の生成スタジオです。
• CoreBunch/Instatic
  Instaticは、キャンバスエディター、コンテンツエンジン、メディア、認証、フォーム、プラグイン、公開機能がSQLiteまたはPostgresを使う1つのBunサーバーで動くセルフホスト型のビジュアルCMSです。出力はシンプルなセマンティックHTMLとコンパクトなCSSです。
• robbietilton/Compositor
  合成と後処理を中心としたMac向け画像編集ソフトです。レイヤー、マスク、調整レイヤー、変形、選択、レタッチの機能を提供します。

Trendshiftのランキングに入ったリポジトリだけを載せ、リストは候補を探すためだけに使いました。順位の数字は転載していません。説明、ライセンス、スター数は各GitHubリポジトリで確認しました。解説は私たちの判断です。これらを試験したわけではなく、上昇リストに載ったことは品質の証明ではありません。