QBDS、Claude Code、Figma MCP を使用したエージェント型フロントエンド リファクタリング
Hiroba による自動要約
Design System が AI と連携可能になった場合の変化を探る記事。Claude Code と Figma MCP を組み合わせることで、フロントエンド リファクタリング作業をエージェント型で自動化できる仕組みを紹介。設計システムと AI の連携がもたらす開発効率の向上を実例で解説。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 4875 件あります。
関連する記事
同じタグの記事
Claude Code と Miro を連携させて 50 画面超の Web アプリ画面遷移図を自動生成する
DevIOClaude Code を使用して React + Django の Web アプリ全 54 画面のキャプチャと 68 本の遷移動線を Miro に自動配置する方法を解説。ルート定義やナビゲーション呼び出しをコード解析し Playwright で自動キャプチャ、REST API または Miro MCP サーバーで配置するまで、手作業は OAuth トークン発行のみで実現。
主要コーディングエージェント CLI 6種の仕様比較：MCP・フック・権限・サブエージェント
ZennmacOS ターミナルアプリ Calyx と Claude Code、Codex、OpenCode、Hermes、Grok、pi の統合を通して、6 つのコーディングエージェント CLI の MCP 設定ファイル、フック/プラグイン機構、権限応答、サブエージェント追跡の仕様差を実装レベルで比較。設定ファイル形式、イベント登録数、パーミッション応答スキーマ、無応答時の挙動まで詳細に整理した仕様比較表と実装上の注意点を提供。
Claude Code の質問と承認をブラウザフォームで処理——Markdown を一次記録にしながら応答ループを効率化
ZennClaude Code からの質問を Markdown ファイルに書き込ませ、:::form ディレクティブでブラウザ側にラジオボタン・チェックボックス・テキストエリアとして表示、フォーム送信で MCP 経由で回答を返すワークフローを構築。ファイルの手作業開閉・選択肢の写し間違い・未回答状態の追跡を自動化し、複数の並走セッション管理を効率化。
Claude の MCP サーバー不具合 ── Cowork 統合と draft-07 スキーマ問題の記録
Zenn2026年9月に Claude チャットと Cowork が統合された後、filesystem MCP サーバーが JSON Schema の draft-07 / 2020-12 の不一致で動かなくなった。新しい会話を開くと経路が変わり同じサーバーが別名で届いて正常化。GitHub で同じ症状の報告を確認し、Cowork 経由では自前の filesystem サーバーが仕様の影響で登録段階で拒否される構造的問題と判明。