facebook/astryx

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

何をするか

Reactベースのオープンソースdesign systemで、現在ベータ版です。アクセシビリティに配慮したコンポーネント、ブランドテーマ、ダークモード、テンプレート、CLIを備え、人とAI assistantが同じツールで使えるように作られています。

ATFへの役立ち方

タスク、カレンダー、承認などATF Worksの画面で、一貫したアクセシブルなコンポーネントを使う方式の参考になり得ます。

ライセンス

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

同じ分野のリポジトリ

• Nutlope/hallmark
  Hallmarkは、Claude Code、Cursor、Codex向けのデザインskillで、AIが作ったようなありきたりな見た目を避けてUIを作ります。ページ構成とテーマを選び、出力前にslop testのチェックを行います。既存デザインのaudit、redesign、studyも行えます。
• penpot/penpot
  プロダクトチーム向けのオープンソースのデザインプラットフォームで、ブラウザで使うことも、self-hostingで運用することもできます。SVG、CSS、HTMLなどのオープン標準に対応し、リアルタイム共同編集、design token、MCP server、公開API、pluginを備えています。
• CoreBunch/Instatic
  Instaticは、キャンバスエディター、コンテンツエンジン、メディア、認証、フォーム、プラグイン、公開機能がSQLiteまたはPostgresを使う1つのBunサーバーで動くセルフホスト型のビジュアルCMSです。出力はシンプルなセマンティックHTMLとコンパクトなCSSです。
• nexu-io/open-design
  OpenDesignはmacOSとWindows向けのlocal-firstなデスクトップアプリです。Claude Code、Codex、Cursorなどのcoding agentを使ってプロトタイプ、ダッシュボード、スライド、画像、動画を作り、HTML、PDF、PPTX、MP4ファイルとして書き出します。
• cathrynlavery/diagram-design
  Claude Code、Codex、Piなどskill対応の環境で使うagent skillで、アーキテクチャのスケッチからフローチャートまで、エディトリアル調の図を自己完結したHTMLとSVGで作ります。draw.io、Mermaid、Excalidrawのソースを描き直すこともできます。

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