article-visual-director は何をしますか?
Codexスキル:記事ビジュアル、小紅書(Xiaohongshu)カルーセル、HTMLファーストのチュートリアルカードの計画と制作
概要
このスキルは、Codex対応のAIエージェント(Cursor、Codex CLIなど)上で動作し、以下のビジュアルコンテンツを計画・生成します:
- 記事ビジュアル:ブログ記事やSNS投稿用のアイキャッチ画像や図解
- 小紅書カルーセル:スライド形式の投稿(複数ページのカルーセル)
- HTMLファーストのチュートリアルカード:ブラウザでそのまま表示・操作可能なチュートリアルカード
使い方
- スキルを有効にした状態で、Codexエージェントにビジュアルのテーマや内容を指示します。
- エージェントがHTML、CSS、JavaScriptを生成し、ブラウザでプレビュー可能な形で出力します。
- 必要に応じて、カルーセルのページ数やレイアウトを調整できます。
設定例
> スキル:article-visual-director
> テーマ:AIツールの比較
> 形式:小紅書カルーセル(3ページ)
> カラーテーマ:ブルー系
対応プラットフォーム
- Cursor
- Codex CLI
- Claude Code(一部互換)
注意事項
- 生成されるHTMLは、外部依存のないスタンドアロンファイルです。
- 小紅書カルーセルは、各ページが個別の
<div>または<section>として出力されます。 - デザインのカスタマイズは、CSS変数やインラインスタイルで行えます。