community · curated · unofficial
Codex Design
Codex Design は、OpenAI Codex でデザインするためのコミュニティ厳選ハブです——チュートリアル、ツイート、動画、テンプレートをすべて一か所にまとめています。
GitHub 
Discord 
@nexudotio 
ブラウザは終わった。Codexがそれに取って代わった。
OpenAI Codex でのデザインに関する @mattshumer_ の投稿です。原文は X でご覧ください。
OpenAI Codex でのデザインに関する @aryaman2020 の投稿です。原文は X でご覧ください。
OpenAI Codex でのデザインに関する @reach_vb の投稿です。原文は X でご覧ください。
OpenAI Codex でのデザインに関する @nutlope の投稿です。原文は X でご覧ください。
Codex: フルAIマーケティングチームを構築（エージェント + スキル）
新しい Codex デザインワークフローでほとんどのデザイナーより優れた Codex を実現
Codex /goal を使ってフル稼働するアプリを構築したら、結果がヤバかった...
Claude Design + Codex で $900K のアプリを 13 分で Vibe Coding した方法
Codex内のGPT Image 2 — フロントエンドワークフロー
Codex Appでの自然言語コンポーネント、リポジトリ対応のブランド再利用、DOM レベルのコメント機能を活用したUIビルドの実体験レポート。
OpenAI Codex を普通の人向けに解説（「Claude Cowork キラー」）
AIでデザインする: Claude、Codex、Figma | 完全ガイド
Hallmark — AI生成UIの品質を守るデザインスキル
コミュニティ Codex スキル。ワンコマンドでインストール可能で、AI生成UIをあなたのデザイン基準に統一させます。
OpenAI Codex フルコース 4時間: ビルド＆シップ
Codex と GPT-5.5 を使ったアプリ開発ワークフロー
Codexに200時間を費やしました。わかったことすべて
Codex でアプリを 25 分で構築（実際のワークフロー）
OpenAI Codex でのデザインに関する @DeRonin_ の投稿です。原文は X でご覧ください。
OpenAI Codex でのデザインに関する @LeonidasNFT の投稿です。原文は X でご覧ください。
OpenAI Codex でのデザインに関する @givros の投稿です。原文は X でご覧ください。
Codexがゲームをビルドして一緒にプレイした
OpenAI Codex でのデザインに関する @LexnLin の投稿です。原文は X でご覧ください。
初心者向けCodexチュートリアル (2026): 数分でアプリを構築する
Figma デザイン・ツー・コード: MCP、Codex、Kombai の比較
同一の Figma テンプレートを使用して、Figma MCP、Codex、Kombai の3つのデザイン・ツー・コード手法を実践的にベンチマークしました。
OpenAI Codex でのデザインに関する @rileybrown の投稿です。原文は X でご覧ください。
OpenAI Codex でのデザインに関する @LexnLin の投稿です。原文は X でご覧ください。
ほぼすべてに対応するCodex
Figma を React コードに変換する Codex の使い方
Figma から スケーラブルな React コンポーネントを生成する Codex の実践的ガイド。リファクタリングとアクセシビリティのチェックポイント付き。
Codex Desktop — スキル、プラグイン、オートメーション
Codex Desktopの拡張サーフェス、Paperなどの設計ツールをワークフローに統合するセクションを含む完全なツアー。
GPT-5.4でフロントエンドデザインを極める
OpenAIフロントエンドアート・ディレクション・ガイド：ワンコンポジション・ヒーロー、ブランド優先のヒエラルキー、表現力豊かなタイポグラフィ、ダッシュボード最適化。
OpenAI Codex でのデザインに関する @uxmariam の投稿です。原文は X でご覧ください。
Codex を使用したレスポンシブフロントエンドの構築
スクリーンショット、ブリーフ、参照アセットからレスポンシブ UI への変換を Codex で実現する OpenAI 公式ガイド。Playwright を活用したビジュアル反復開発を含みます。
OpenAI Codex でのデザインに関する @theShaneLevine の投稿です。原文は X でご覧ください。
ChatGPT + Codex ワークフローでウェブサイト設計が変わった
OpenAI Codex でのデザインに関する @OpenAIDevs の投稿です。原文は X でご覧ください。
Codex と Figma でフロントエンド UI を構築する
Figma のブログ記事：MCP サーバーベータ版 — Figma と Codex コード生成間でデザインコンテキストをラウンドトリップさせる方法
ワークフローを再利用可能なCodexスキルとして保存する
OpenAIの、skill-creatorパターンを使用して反復可能な設計・エンジニアリングワークフローを取得するチュートリアル。
Codex + ChatGPT = 驚異的な$50,000ポートフォリオウェブサイト
frontend-skill — OpenAIのキュレーションされたデザインルール
ヒーロー構成、ダッシュボード制約、ブランドファースト階層に関する厳密なルールを備えた公式フロントエンドスキルリポジトリ。
Codex CLI でのデザイン — デザイナーの視点
ワイヤーフレームを本番対応UIに変換するために、Codex CLI、Figma MCP、Code Connect をチェーンする方法についてのデザイナー向けチュートリアル。
Codex Agent Skills — 公式概要
OpenAI の Codex スキルの解説、SKILL.md の構造、暗黙的・明示的なスキル呼び出しの編成方法に関するリファレンス。
OpenAI Codex でのデザインに関する @cjzafir の投稿です。原文は X でご覧ください。
OpenAI Codex でのデザインに関する @KingBootoshi の投稿です。原文は X でご覧ください。
Code to Canvas: Codex | Figma
ChatGPT Codexを使ってあらゆるWebアプリを構築する方法（10分で完成）
OpenAI Codex + Figma MCP デザイナー向けセットアップガイド
OpenAI Codex でのデザインに関する @OpenAIDevs の投稿です。原文は X でご覧ください。
OpenAI Codex でのデザインに関する @tobiaslins の投稿です。原文は X でご覧ください。
デザインエンジニアが必要とするCodexスキル
OpenClaw + Codex は私がデザイナーとして経験した最大のワークフロー転換
OpenAI Codex でのデザインに関する @shiri_shh の投稿です。原文は X でご覧ください。
OpenAI Codexをマスターする - 26分で完全攻略
デザイナーが Codex アプリと Figma を使ってプロトタイプを作成する方法
Codex アプリの紹介
OpenAI Codex でのデザインに関する @kuberdenis の投稿です。原文は X でご覧ください。
OpenAI Codex でのデザインに関する @chongdashu の投稿です。原文は X でご覧ください。
Codex で完全なランディングページを構築（Agent Skills デモ）
Figma Live: Figma MCP x OpenAI Codex
Codex (OpenAI) でウェブアプリを構築する方法
OpenAI Codexで美しいフロントエンドを構築する
GPT-5 Codexは、AIアプリ開発に最適（知るべき5つのテクニック）
Codexで何でも構築しよう、やり方はこちら
nexu.io の姉妹プロジェクト
Open Design — Claude Design に代わる、公式かつローカルファーストな選択肢
お使いのコーディングエージェント——Claude Code · Codex · Cursor · Gemini · OpenCode · Qwen——が、137 個の組み合わせ可能なスキルと 150 個のポータブルな DESIGN.md システムに駆動され、デザインエンジンへと変わります。
Discord 