Menú
Codex CLIワーカーエージェントを起動してタスクを実行する。 Claude CodeがオーケストレーターとしてCodexを呼び出すハイブリッド構成。 トリガー: 「Codexで実行」「Codexに任せて」「並列でCodex」「高速に処理」
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
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
\`\`\``
})