getdesign とは？
getdesign はデザインシステム抽出ツールです。公開ウェブサイトを実際のブラウザで開き、実際の CSS を読み取り、レンダリングされたページをキャプチャします。サイトの色、タイポグラフィ、スペーシング、コンポーネントを記述したダウンロード可能な design.md を生成し、スタイルガイドとして使用したり、コーディングエージェントに渡したりできます。5 つのサーフェスで利用可能です：Web ダッシュボード、HTTP API、CLI、TypeScript SDK、およびコーディングエージェント向けのポータブル Skill。
getdesign の使い方
- dashboard.getdesign.app のダッシュボードにサインインし、Account で Daytona と OpenAI のプロバイダーキーを保存します。公開ウェブサイトの URL を Agent に貼り付けて抽出を実行すると、getdesign が CSS トークンを読み取り、ブラウザでページをキャプチャし、ダウンロード可能なデザインドキュメントを生成します。プロバイダーキーなしでキャッシュされた実行例を試すこともできます。また、API、CLI（bunx @getdesign/cli）、SDK（bun add @getdesign/sdk）を使用したり、Skill をインストール（npx skills add MohtashamMurshid/getdesign）して Claude Code、Codex、Cursor 内で実行することもできます。
getdesign の主な機能
- 任意の公開 URL からパレット、タイポグラフィ、スペーシング、コンポーネントを抽出
- サイトの実際の CSS に基づいたダウンロード可能な design.md（Markdown）を返す
- 実際のブラウザでレンダリングされたページをキャプチャし、ビジュアル実行用のスクリーンショットを取得
- 5 つのサーフェス：Web ダッシュボード、HTTP API、CLI、TypeScript SDK、エージェント Skill
- API は WorkOS ベアラー認証で Markdown または JSON を返す
- CLI と SDK は Bun 上でローカルに実行され、型付き結果と進捗イベントを提供
- ポータブルな SKILL.md は Claude Code、Codex、Cursor 内で動作
- デフォルトでプライベート実行、オプションで公開して閲覧/ダウンロード可能なリンクを共有可能
ユーザーレビュー
5.0
/ 50 件の評価
5 星
0
4 星
0
3 星
0
2 星
0
1 星
0
まだレビューがありません。最初のレビューを書いてみましょう。
類似製品
getdesign 埋め込み
ウェブサイトバッジで製品が Hootool に掲載されていることを示し、ツールの発見と共有を応援しましょう。埋め込みコードはホームページやフッターに簡単に追加できます。