since 2022
core model Claude
method SDD
open work 2repos
研究駆動の AI 開発会社
AI で新しい開発体験をしたい！
Plusing AIわかりました！新しい世界を一緒に開きましょう！！！
メッセージを入力
01 AI と、設計する
figma
hero.fig
layers ▾Frame nav hero card cta
DesignPrototype
fill 0D99FF
corner radius radius8
auto layout gap24
pad32
Claude
claude.ai
ClaudeOpus 4.8
ヒーローを 3 案、組んで
Claude余白を広めに、3 案そろえました。 A 案 / 中央寄せ・大見出し B 案 / 左寄せ・サブコピー付き
Claude に指示する
dev mode
Dev Modecard / Inspect
CSS
displayflex
padding32px 24px
border-radius8px
Variables color/accent#0D99FF
color/ink#1E1E1E
assets
AssetsComponentsTokens
item spacing24
02 そのまま、開発する
vs code
agent.ts spec.md
Explorer ▾src agent.ts build.ts spec.md eval/
1import { Agent } from "banto"
2// spec-driven build
3const dev = await Agent.spawn({
4 model: "claude",
5 sdd: true, eval: true
6})
7await dev.build(spec) // verify(result)
mainTypeScriptLn 7UTF-8
Claude
claude code
claude code
●Readsrc/agent.ts
●Editspec.md
✓Updated 2 files
●Bashnpm run eval
⠋running eval suite
>次のタスクへ
diff
render.ts+2-1
12-render(spec)
12+render(spec, { eval: true })
13+verify(result)
14 commit()
tests
npm testrunning
✓spec parse8ms
✓agent run120ms
✓render eval44ms
✓verify output31ms
tests 0 / 630.0%
Why Claude
なぜ Claude なのか
Codex・Cursor・Windsurf・Antigravity など、AI エージェントは数多くある。その中で私たちが Claude と Claude Code を選ぶ理由。
理由を見る Codex Cursor Windsurf Antigravity
Claude
