Menu
Codex CLIワーカーエージェントを起動してタスクを実行する。 Claude CodeがオーケストレーターとしてCodexを呼び出すハイブリッド構成。 トリガー: 「Codexで実行」「Codexに任せて」「並列でCodex」「高速に処理」
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Generate draw.io diagrams as .drawio files, optionally export to PNG/SVG/PDF with embedded XML
Figma MCP を使ってデザインを FE コードに変換するスキル。 Trigger when: Figma URL が共有された時、デザインからコンポーネント実装時、 UI 実装でデザイン参照が必要な時、"Figma", "デザイン", "UI実装" への言及時、 「このデザインを実装して」「Figma から」「デザイン通りに」と言われた時。 Always use with: /web-design-principles
プロジェクト全体の統括エージェント向けスキル。要件整理から技術選定・アーキテクチャ設計・タスク分解・委譲までをカバー。git worktreeを活用した並列開発オーケストレーション（featureブランチ管理、BE/FE統括への委譲、横断レビュー）も担う。プロジェクト全体を俯瞰し、適切なエージェント/スキルに委譲する。新規プロジェクト立ち上げ、技術選定、全体設計、タスク分解・委譲、並列開発時に使用。
Webデザイン実装の鉄則ガイド。CSS/レイアウト設計の原則を提供。 Trigger when: UI/UX実装時、CSS設計時、レイアウト実装時、レスポンシブ対応時、 アクセシビリティ確認時、"レイアウト", "CSS", "スタイル" への言及時。 /figma-to-code スキルと併用する場合に自動で参照される。
CSS の包括的なベストプラクティスガイド（フレームワーク非依存）。パフォーマンス最適化、保守性、シンプルなコード、親子要素の相対値設計、モダン CSS 機能（Container Queries、:has()、ネイティブネスティング、Cascade Layers）をカバー。CSS 設計・実装・レビュー時に使用。Tailwind CSS 等のユーティリティフレームワーク使用時は tailwind-css スキルを参照。
Tailwind CSS (v4) のベストプラクティスガイド。CSS ファースト設定（@theme）、デザイントークン、コンポーネント抽出、レスポンシブ設計、ダークモード、Container Queries、パフォーマンス最適化、親子要素の相対値設計をカバー。Tailwind CSS での UI 実装・設計・レビュー時に使用。素の CSS ルールは css-styling スキルを参照。
| name | codex-task |
| description | Codex CLIワーカーエージェントを起動してタスクを実行する。 Claude CodeがオーケストレーターとしてCodexを呼び出すハイブリッド構成。 トリガー: 「Codexで実行」「Codexに任せて」「並列でCodex」「高速に処理」 |
Claude CodeからCodex CLIワーカーエージェントを起動し、タスクを実行させる。
Claude Code (Orchestrator)
│
│ Agentツールでワーカー起動
▼
codex-worker Agent
│
│ Bashで codex exec 実行
▼
Codex CLI (Worker)
Agentツールでcodex-workerを起動:
Agent({
name: "codex-worker",
description: "Codex CLIでタスク実行",
prompt: `あなたはCodex CLIを使ってタスクを実行するワーカーエージェントです。
## タスク
{ユーザーのタスク内容}
## 実行方法
以下のコマンドでCodex CLIを実行してください：
\`\`\`bash
codex exec "{タスク内容}" --full-auto
\`\`\`
結果を報告してください。`
})
複数のAgentを同時に起動して並列処理:
// 1つのメッセージで複数のAgentツールを呼び出す
Agent({ name: "codex-worker-1", prompt: "タスク1..." })
Agent({ name: "codex-worker-2", prompt: "タスク2..." })
Agent({ name: "codex-worker-3", prompt: "タスク3..." })
| オプション | 説明 |
|---|---|
--full-auto | 完全自動実行（承認なし、sandbox有効） |
--sandbox read-only | 読み取り専用sandbox |
--sandbox workspace-write | ワークスペース書き込み可能 |
-m MODEL | モデル指定（例: -m o3） |
Agent({
name: "codex-summarizer",
description: "Codexでファイル要約",
prompt: `Codex CLIでタスクを実行してください。
## タスク
README.mdを読んで3行で要約
## 実行
\`\`\`bash
codex exec "README.mdを読んで3行で要約してください" --full-auto
\`\`\``
})
Agent({
name: "codex-reviewer",
description: "Codexでコードレビュー",
prompt: `Codex CLIでコードレビューを実行してください。
## 実行
\`\`\`bash
codex exec review --full-auto
\`\`\``
})