Brainless: Claude Code, Codex, Grok風のShadcnコンポーネント

Claude Code、Codex、Grokのインターフェースをshadcnコンポーネントとして再現。 エージェントプロンプト◆@benswerd · freestyle Claude Code v2.1.206 おかえりなさい Ben! Fable 7 with xhigh effort · Claude Max ben@freestyle.sh's Organization ~/acme-site 開始するためのヒント Claudeに新しいアプリの作成やリポジトリのクローンを依頼する 新着情報 /cd にディレクトリパスの提案を追加しました /doctor チェックを追加し、トリム/リリースノートを提案します ❯brainlessの価格ブロックをランディングページに追加する ⏺Bash (bunx shadcn add brainless/pricing) ⏺⎿1ブロック · 2ファイル追加しました ⏺Update(app/page.tsx) ⏺⎿app/page.tsx を3つの追加で更新しました 41 <Features /> 42+追加: <Pricing tiers={TIERS} /> 43 <Footer /> ·Thinking…(0s · ↑ 0 tokens · esc to interrupt) ◉ xhigh · /effort ❯⏵⏵ auto mode on (shift+tab to cycle) · ← for agents >_OpenAI Codex(v0.132.0) model:gpt-6.9 low/model changedirectory:~/acme-site ›brainlessの価格セクションをドキュメントサイトに追加する •Read app/(marketing)/page.tsx •Edited components/pricing.tsx(+22 −0) •Running pnpm build (0s • esc to interrupt) ›gpt-6.9 low · ~/acme-site  main ~/acme-site 16K / 500K │2/3 ✓ steps complete Grok Build Beta 0.2.93 Grok 4.21 がリリースされました！ Grok 4.21 が利用可能になりました。 /model ピッカーでお試しください。 新しいワークツリー ctrl+w セッションを再開 ctrl+s リリースノート Quit ctrl+q ヒント: Shift+Tab を使用して、Plan mode のようなモードを切り替えます。 ❯brainlessの価格ブロックをマーケティングページに配置する 4:38 PM ◆user_prompt_submit [hooks: 3/1] ◆Thought for 0.4s マーケティングページを開き、価格ブロックを配置してから、ビルドを確認します。 4:38 PM read app/(marketing)/page.tsx ◆Run Write components/pricing.tsx [hooks: 3] 41 before: <Features /> 41 after: <Pricing tiers={TIERS} /> ◆stop [hooks: 3/1] Turn completed in 9.2s. ❯Grok 4.21 (xhigh) · always-approve