Claude Designは自分のローカルエージェントで実行してください — カーソル、Claude Code、Claude Desktop、またはファイル対応のコーディングエージェントなど。

英語 ·简体中文 ·変更ログ

baoyu-designは、claude.ai/design の背後にあるデザインエンジンであるClaude Designを、ポータブルなエージェントスキルとしてパッケージ化しています。ローカルエージェントにドロップすれば、ウェブサイトが行うほとんどの機能がエディターの中に直接収まります:洗練されたUIモックアップ、インタラクティブプロトタイプ、ワイヤーフレーム、ランディングページ、ダッシュボード、モバイルアプリ、スライドデッキなど、すべて独立したHTMLとして生成されます。

ウェブサイトも、別サブスクリプションもアップロードステップもありません。すでにあなたのマシンにいるエージェントが作業を行い、すべてのアーティファクトはリポジトリに残ります。

---

スクリーンショット

同じReader Macアプリのプロンプトは、Cursor、Codex、Claude、Claude Designでも使用されていました。

すべてのスクリーンショットに使用されたプロンプト

---

なぜ地元で運営するのか

• ウェブサイトから解放される。 編集者を離れることなくclaude.ai/designのほとんどの機能が手に入る — 同じ方法論、同じクラフト基準、同じ出力フォーマット。
• **Opus 4.8で最高。

baoyu-design

https://github.com/user-attachments/assets/d5b4f39b-a701-49de-87b8-64f3c6ef9c61

Run Claude Design on your own local agent — Cursor, Claude Code, Claude Desktop, or any file‑capable coding agent.

English · 简体中文 · Changelog

baoyu-design packages Claude Design — the design engine behind claude.ai/design — as a portable Agent Skill. Drop it into a local agent and you get most of what the website does, right inside your editor: polished UI mockups, interactive prototypes, wireframes, landing pages, dashboards, mobile apps, and slide decks — all produced as self‑contained HTML.

No website, no separate subscription, no upload step. The agent already on your machine does the work, and every artifact stays in your repo.

---

Screenshots

The same Reader Mac App prompt was used in Cursor, Codex, Claude, and Claude Design.

---

Why run it locally