nexu-io/open-design

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

何をするか

OpenDesignはmacOSとWindows向けのlocal-firstなデスクトップアプリです。Claude Code、Codex、Cursorなどのcoding agentを使ってプロトタイプ、ダッシュボード、スライド、画像、動画を作り、HTML、PDF、PPTX、MP4ファイルとして書き出します。

ATFへの役立ち方

既存のcoding agentを実際の成果物ファイルを作るエンジンとして使う方式は、HarnessがClaude CodeやCodexなどのexecutorに作業を渡す方法と比較する価値があります。

ライセンス

Apache-2.0 寛容で特許許諾を含みます。商用利用できます。告知を残し、変更点を明記します。

同じ分野のリポジトリ

• penpot/penpot
  プロダクトチーム向けのオープンソースのデザインプラットフォームで、ブラウザで使うことも、self-hostingで運用することもできます。SVG、CSS、HTMLなどのオープン標準に対応し、リアルタイム共同編集、design token、MCP server、公開API、pluginを備えています。
• alchaincyf/huashu-design
  Huashu DesignはClaude Codeなど複数のagentで使えるHTMLベースのデザインskillで、テキストの依頼をクリックできるプロトタイプ、スライド、アニメーション、インフォグラフィックにします。デザイン哲学のガイド、5つの観点によるデザインレビュー、MP4書き出しを含みます。
• facebook/astryx
  Reactベースのオープンソースdesign systemで、現在ベータ版です。アクセシビリティに配慮したコンポーネント、ブランドテーマ、ダークモード、テンプレート、CLIを備え、人とAI assistantが同じツールで使えるように作られています。
• google-labs-code/design.md
  DESIGN.mdは、coding agentにデザインシステムを伝えるためのファイル形式です。YAML front matterのdesign tokenとMarkdownで書いた設計の理由を組み合わせ、lintツールがspecへの準拠、token参照、WCAGのコントラストを確認します。
• Nutlope/hallmark
  Hallmarkは、Claude Code、Cursor、Codex向けのデザインskillで、AIが作ったようなありきたりな見た目を避けてUIを作ります。ページ構成とテーマを選び、出力前にslop testのチェックを行います。既存デザインのaudit、redesign、studyも行えます。

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