wheresryan22/anatomy

出典
GitHub
初登場日
分野
デザインとUI
GitHubスター数
9,413
主な言語
JavaScript
ウェブサイト
skills.wheresryan.sh/anatomy (新しいタブで開きます)

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

wheresryan22/anatomy

何をするか

Anatomyは、Claude Code向けに書かれ、OpenCode、Codex、Antigravityでも読み込めるAgent Skill(AIコーディングエージェントが指示として読むSKILL.mdファイルを含むフォルダー)です。このskillはエージェントに、技術的な考え方をその動き自体が考え方になる実在の機械として考案させ、インタラクティブな等角投影(isometric)の図として描かせるもので、文書、ブログ記事、ランディングページに載せる説明図が必要な人が対象です。入力は、大きさ、個数、速度などの実際の数値を含めて考え方か機械を指定する依頼と、出力形式、明るいテーマか暗いテーマかの選択です。成果物はユーザーが所有するソースで、Nodeのビルドスクリプトと単独のHTMLページ、1つのSVGファイル、React 18以上向けのReactとNext.jsの形状モジュールのいずれかであり、描画用のkitも含まれます。図は3種類あり、リアルタイムの読み取り値のあるカードに立体の部品を収めたSVG、火、水、湯気を描くWebGLシェーダーの層を加えたSVG、動く部品を毎フレーム投影し直すベータ段階の3Dモードです。SKILL.mdはまず規模(部品40から80個のFigure、80から150個のHero、ユーザーが選んだときだけ作る6時間以上のEpic)を選ばせ、実際の数値を集めた後にkitで形状を作らせます。検証もこの順序に含まれ、kit/audit.mjsが部品同士の貫通と、すべての端が取り付け先(mount)に付いているかを検査し、skillはエージェントにheadless Chromeで撮ったPNGをすべて読ませます。Node.js 20.10以上の組み込みモジュールだけを使うためAPIキーもnpmでのインストールも不要で、検査にはChromeかChromiumが必要であり、CodexのsandboxがChromeを止めると検査だけが失敗します。インストールはskills CLIか、エージェントのskillsフォルダーへのcloneで行い、ライセンスはMITで、インストールすると/anatomyでskillを呼び出せるようになるだけで、図ごとに長いエージェントのセッションが必要です。READMEは対象を機械、計測器、道具、家具に限り、軸と系列のあるデータのグラフ、人物、正確な地図を範囲外としています。SECURITY.mdによると、検査スクリプトは使い捨てのプロファイルとallow-file-access-from-filesオプションでheadless Chromeを起動し、drive.mjsは渡されたJavaScriptをページ内で実行します。依頼があればpublish.mjsがユーザーの同意の後に図のソースと依頼文を公開リポジトリanatomy-communityにpull requestとして送り、その際にはログインしたGitHub CLIが必要で、Claude Codeのセッションログから時間とtokenを読み取ります。

ライセンス

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

同じ分野のリポジトリ

  • storytold/figcraft
    FigCraftは、アプリやWebの画面を作るデザイナーと開発者のために、ArtCraftチーム(GitHubのstorytold組織)がFigmaの作業の流れをclean-room方式で再実装した、Rust製の画面デザインアプリです。auto layoutを持つフレーム、コンポーネントとバリアント、モードを持つ変数、プロトタイプを扱い、Dev Modeはコンポーネントのプロパティを引数にしたCSS、React、SwiftUIなどのコードを書き出します。ファイルはローカルディスク上の.figcraftアーカイブとして保存され、レイヤーはPNG、SVG、PDFなどに書き出せ、.figファイルはベストエフォートで開き、.figの書き出しは実験的な機能とされています。すべてのメニュー項目とツールは400を超えるコマンドを集めた1つの一覧からコマンドを実行し、同じコマンドをfigcraft-cliツール、MCPサーバー(AIエージェントがツールを呼び出すためのプロトコル)、JSONの制御チャネルからも呼び出せます。MCPサーバーはウィンドウなし(headless)で実行するか実行中のアプリに接続し、制御チャネルは127.0.0.1でだけ接続を受け付けますが、今回の調査で読んだ制御チャネルのコードではキーの確認は見つかりませんでした。アプリはアカウントとtelemetry(利用情報の送信)なしにオフラインで動作しますが、READMEによると共有メニューのオンライン共有は既定で公開サーバー(collab.craftapps.dev)にファイルをアップロードします。このサーバーはファイルを暗号化せずに保存して運営者が読める状態で、削除されるか30日間誰も開かないまで保管し、編集用または閲覧用のリンクそのものがアクセス権になります。自分で運用するfigcraft-server(プレビュー段階、リリースにLinux版を同梱)は編集用と閲覧用のリンクでチームのファイルを保管し、まだユーザーアカウントはありません。始めるにはmacOS、Windows、Linux、FreeBSD向けの配布パッケージ、静的なWeb版、Rust 1.95以上でのビルドのいずれかを使い、エージェントをつなぐにはMCPクライアントの設定にfigcraft-cli mcpを追加する別の手順が必要です。韓国語の画面翻訳はネイティブ話者のレビュー待ちの機械下書きで、文書内のハングルの表示とIME入力は動作し、Web版はWebGPUかWebGL2に対応したブラウザーが必要で、CJKフォントを埋め込んでビルドした場合にだけ韓国語を提供します。プロジェクトは自らをalpha段階と呼び、実務でFigmaを置き換える水準の半分ほど(READMEで49%、ROADMAPで53%)と見積もり、実際のFigmaファイルでの確認を残りの作業とし、4から6のAIエージェントが並行して作業し約25時間で作ったと明記しています。GitHubのライセンス欄はApache-2.0ですが、LICENSEファイルとREADMEは利用者がMITとApache-2.0のどちらかを選べるとしており、ArtCraftの名前とロゴはこのライセンスの対象外です。
  • Jakubantalik/transitions.dev
    transitions.devは、Web画面で使うCSSトランジション集と、それをプロジェクトに追加するCLI、コーディングエージェント用のskill、画面の動きを検査するtransitions-agentをまとめたリポジトリです。主な対象は、画面遷移やアニメーションを一貫させたいフロントエンド開発者と、Claude CodeやCursorなどのコーディングエージェントで画面を作る人です。各トランジションは、:rootのカスタムプロパティ、t-接頭辞のクラス、prefers-reduced-motion対応を備えたコピー用のCSSスニペットとして提供されます。transitions-dev CLI(MIT、Node 18以上)はアカウントなしで無料トランジションを追加して一覧を表示し、Proトランジションはデバイスログインの後にapi.transitions.devからダウンロードし、ダウンロードのたびに利用権限を確認します。transitions-agent(MIT)は11のルールで画面コードをローカルで検査して0から100のモーションスコアを付け、GitHub ActionはPRにスコアのコメントを付けた後、そのPRブランチを対象に修正PRを開きます。fixコマンドは関係するファイルをホスト型の修正サービスに送り、Claudeが作った修正案をまずdiffで示し、ユーザーが承認した後にのみファイルへ反映し、修正範囲はCSSトランジションとアニメーションの保護コードに限られると説明しています。無料登録の段階では検査とActionが無制限、自分のClaude CodeやCursorを使う修正も無制限、ホスト型の修正は月10回かつ1日2回までで、Businessプランは月59ドルでPro 5席と月200回の修正を含みます。独自のTransitions.dev Licenseは個人と商用のプロジェクトでの改変と配布を認め、競合ライブラリとしての再配布を禁じており、企業でProトランジションや有料のAgent機能を使うには1人ごとにBusinessの席が必要です。CLIとagentのツールコードはMITで、GitHubがライセンスをNOASSERTIONと表示するのはこの独自ライセンスのためと見られます。トランジションの数はREADMEの表で12、README本文で18、リポジトリの説明で43以上、agent文書で無料32とPro 11と資料ごとに異なるため実際の数は直接数える必要があり、ホスト型の修正はコードを外部サービスに送るので、社内コードに使う前に送るファイルの範囲を決める必要があります。
  • CopilotKit/OpenIntelligentUI
    OpenIntelligentUIは文章だけでなく表や操作可能な画面で回答するチャットアプリと開発基盤です。会話内で説明、比較、小さなツールを提供したい開発者を対象とします。Pythonエージェントが質問を処理し、CopilotKitとAG-UIを通じて結果をブラウザへ送ります。Jevが表現方法を選び、基本的な表にはA2UI、複雑な可視化や計算機にはサンドボックス内のHTML、CSS、JavaScriptを使います。操作値を次の質問へ送れますが、別の呼び出しから過去の結果を直接修正するAPIはないと説明されています。Node.js 22以上、pnpm 9以上、Python 3.12以上、uvに加え、OpenAIとJevのキーを別途接続します。利用者のキーはブラウザのメモリに保持されますが、アプリサーバーを経由するため信頼できる運営者が必要です。確認したquery_dataソースはサンプルCSVの全行を返すだけで、検索語の絞り込みや実際の社内データ取得はしません。会話のチェックポイントはプロセスメモリにあり、再起動や複数サーバー間での永続性はありません。
  • storytold/vectorcraft
    VectorCraftは、パス、文字、レイヤーと複数のアートボードを扱うデザイナー向けのRust製ベクターイラスト編集ソフトです。JSONベースの独自文書、SVGとPDFを開き、PDF互換のIllustratorファイルも対象とし、ベクターまたはラスター画像を書き出します。図形演算、編集可能な外観効果と独立した描画エンジンにより、画面そのものと文書データを分離します。CLIと、エージェントのツール接続規約であるMCPは、画面なしの実行またはデスクトップ接続モードで、描画命令、文書検査と描画プレビューを提供します。現在のCargo設定はRust 1.95を指定し、デスクトップ対象はmacOS、Windows、Linux、FreeBSDで、ブラウザビルドはWebAssemblyを使います。日本語フォントは任意の共有リポジトリから取得でき、デスクトップではそれがなければインストール済みのシステムフォントを使います。READMEはIllustratorとの完全な同等性を約束せず、高度な効果、CJK縦組み、細かな操作とWindowsおよびLinuxの配布パッケージに不足があると説明しています。MCP文書も進捗通知、実行中のキャンセルとリソース変更購読が未実装と明記しており、描画速度の主張は今回独立に再現していません。
  • kargulstudio/sales-crm
    READMEではNext.js 16、React 19、Tailwind CSS 4を使う開始用テンプレートと説明しています。AVIF画像変換と動画およびRiveファイルからのポスター生成スクリプトを含みます。

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

GitHubで見る (新しいタブで開きます)