DESIGN.mdとは｜AIが作るUIを「それっぽい」で終わらせない設計ファイル
DESIGN.mdとは、AIコーディングエージェントにデザインの判断基準を渡すためのファイル仕様です...
続きを読む 
Claude Code
Anthropic Claude Code（CLI型AIコーディングツール）の実践記事タグです。MCP・Hooks・Skills・サブエージェントの活用、コマンド一覧、ブログ見出しデザインツールの自作プロンプト公開、AI時代のVSCode拡張比較などを扱います。
全17件の記事中、1-17件を表示
AI社員の職種一覧｜1人会社が実際に配属できる仕事とその境界
AI社員とは、Claude Code のサブエージェント機能を使って、業務ごとに専任のAIを定義し、...
続きを読む 
ClaudeでPhotoshopを操作する2つの方法｜公式コネクタとExtendScrip...
ClaudeからPhotoshopを操作する方法は2つあります。コードを書かずに済ませるなら、Ado...
続きを読む 
MCPサーバーの作り方｜Claude Codeから呼べる自作ツールを実装する
MCPサーバーの作り方は、公式SDKでツールを1つ定義して、Claude Codeに登録するだけです...
続きを読む 
Claude CodeのMCP連携ガイド一覧｜Figma・WordPress・Chrome...
Claude Codeは、MCP（Model Context Protocol）を通じてFigma・...
続きを読む 
Chrome DevTools MCPの使い方｜Claude Codeにブラウザ実測・デバ...
Chrome DevTools MCPとは、Claude CodeなどのAIコーディングエージェント...
続きを読む 
NotionとClaude Codeを連携する方法｜公式MCPで仕様書・タスクを開発コンテ...
NotionとClaude Codeは、Notion公式のリモートMCPサーバー「Notion MC...
続きを読む 
WordPressとClaude Codeを連携する方法｜公式MCP Adapterでサイ...
WordPressとClaude Codeは、WordPress 6.9でコアに搭載された「Abil...
続きを読む 
FigmaとClaude Codeを連携する方法｜Dev Mode MCPでデザインをコー...
FigmaとClaude Codeは、Figma公式の「Dev Mode MCPサーバー」を使って連...
続きを読む 
「AI組織」は組織図から作ると失敗する｜1人会社をAI会社化する正しい順序
AI組織（AI会社化）とは、Claude Codeのサブエージェントに代表されるAIエージェントを「...
続きを読む 
Claude Codeのスキル・ループ・ワークフローの使い分け｜いつどれを使うか判断ガイド
Claude Codeのスキル・ループ・ワークフローは、名前が並ぶと混同しがちですが役割はまったく別...
続きを読む 
Claude Codeのルール・エージェント設計術｜CLAUDE.mdとサブエージェント運...
Claude Codeのルール・エージェント設計とは、何を恒久的なルールとして固定し、何を誰（サブエ...
続きを読む 
AI時代のWeb制作完全ガイド｜AIを使う×AIに見つけてもらう【2026年版】
AI時代のWeb制作ガイドとは、AIを「使う側」と「見つけてもらう側」の両面から、Web制作者が押さ...
続きを読む 
Claude Codeでブログ見出しデザインツールを作ってみた｜プロンプト公開
「ブログの見出しをおしゃれにしたいけど、CSSがわからない」——そんな悩みを解決するツールを、Cla...
続きを読む 
Claude Code上級編｜MCP・Hooks・Skills・サブエージェント実践ガイド
Claude Codeの基本コマンドを覚えたら、次はMCPサーバー・Hooks・Skills・サブエ...
続きを読む 
Claude Codeコマンド一覧＆実践ガイド【2026年版】
Claude Codeは、Anthropic社が提供するAIコーディングアシスタントのCLI（コマン...
続きを読む 
AI時代に本当に必要なVSCode拡張機能｜AIが代替する機能と残すべき拡張機能
CursorやClaude CodeなどのAIエージェントの登場で、VSCode拡張機能の役割は大き...
続きを読む