Communityコーディング&開発github.com

miketropi/nextora-ecosystem

Nextoraブロックテーマエコシステム(子テーマ、Gutenbergブロック、デザインプリセット、カラー/フォント切り替え、テンプレート/パーツ/パターン構成)のエントリポイントです。Nextoraまたはその子テーマに関するリクエスト、複数領域にまたがるタスク、コード作成前にソースマップと品質ゲートを確認する場合に使用します。

nextora-ecosystem とは?

Nextoraエコシステムルーターは、Nextoraブロックテーマスイート内の5つのスキルを調整するエントリポイントです。このスキルは、ターゲットテーマの特定、必要な専門スキルの判断、そして作業の引き継ぎを行います。実装ルール自体は含まず、各専門スキルと2つの共有リファレンス(ソースマップ、品質ゲート)に委ねます。開発者はこのルーターを通じて、子テーマ作成、Gutenbergブロック設計、デザインシステム、サイト構成といった複数の専門分野にまたがるリクエストを効率的に処理できます。対応プラットフォームはClaude Code、Cursor、CodexなどのAIエージェントであり、WordPressテーマ開発の文脈で使用されます。このルーターは、実際のファイルパスからテーマ情報を読み取り、既存のブロックやパターンを優先する「再利用が創造に勝る」原則を採用し、品質ゲートを通過したコードのみを承認します。

対応✓Claude Code~Codex CLI~Cursor✓OpenCode
npx skills add https://github.com/miketropi/nextora-skills/tree/main/skills/nextora-ecosystem

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

Nextoraエコシステム — ルーター

5つのスキルを調整し、共有の単一情報源と1セットのプロダクションゲートを持ちます。 このエントリポイントは、ターゲットテーマを特定し、リクエストに必要な専門家を判断し、引き継ぎます。 実装ルールは含まれていません。それらは専門家スキルとこのスキルの2つのリファレンスにあります。

このスイートのスキル

スキル担当
../nextora-child-themes/SKILL.mdNextora子テーマの作成またはブートストラップ:ヘッダー、ブートストラップ、アセットパイプライン、ブロックレジストラ。
../nextora-gutenberg-blocks/SKILL.mdブロックメタデータ、エディターUI、動的レンダリング、リピーター、設定パネル、ビュースクリプト。
../nextora-design-system/SKILL.mdパレット/タイポグラフィプリセット、スタイルバリエーション、オプションのビジターカラー/フォント切り替え、トークンとCSSサーフェス。
../nextora-site-composition/SKILL.mdテンプレート、テンプレートパーツ、パターン、クエリ/アーカイブ構成。

すべての専門家に共通のエビデンスとゲート:

  • references/source-map.md — ルールの出典と来歴。
  • references/quality-gates.md — 作業が受け入れられる前に真でなければならない条件。

順序立てたワークフロー

1. ターゲットテーマとその親テーマを特定する

ライブインストール、または与えられたリポジトリから作業します。パスを invent したり、出力やメモにマシンパスをハードコードしたりしないでください。

WordPressインストール内では、2つのルートはテンプレートディレクトリ(親テーマ)とスタイルシートディレクトリ(アクティブなテーマ、親または子)です:

get_template_directory();      // 親テーマのルート
get_stylesheet_directory();    // アクティブなテーマのルート(子テーマがアクティブな場合は子)
get_stylesheet_directory_uri();

インストール外では、Theme Name ヘッダーを持つ style.css と、子テーマの場合は親を指定する Template: ヘッダーでテーマを特定します。指定されたパスが欠落している場合は、実際のパスを再発見してください。ソースエビデンスを偽造したり、黙って別のテーマを選択したり、Nextoraソースが利用できないのにNextora互換性を主張したりしないでください。前提条件が不足していることを伝え、それに依存しない作業を完了してください。

2. コードを提案する前にローカルエビデンスを読む

ターゲットテーマから、以下の順序で読み取り、スキルに引用されているものよりもライブ値を優先します:

ファイル確定する内容
style.cssテーマ名、バージョン、Template:(子テーマの親)、Requires at least、Requires PHP、Tested up to、Text Domain、ライセンス。
functions.phpロード順序、テーマがファイルスコープで必要とするもの、取り込む機能ファイル。
theme.jsonパレット、グラデーション、フォントファミリー、フォントサイズ、スペーシングスラッグ。カスタムテンプレートとテンプレートパーツ。version。
package.json実際に存在するビルド/検証コマンドと、既に依存関係として存在するライブラリ。
theme.js/.nvmrc、ビルドスクリプトNodeバージョンと実際のビルドエントリポイント。
AGENTS.md、README.md、docs/、.opencode/プロジェクトの指示。検証すべき主張として扱い、権威とは見なさない。

次に、新しいものを提案する前に、既に存在するものを確認します:

  • blocks/*/block.json — 登録済みブロック、その名前、カテゴリ、サポート。
  • parts/*.html、templates/*.html — 構成サーフェスとその階層。
  • patterns/*.php — 再利用可能なセクションマークアップ。
  • resources/css/ + assets/css/ — 実際に出荷されるスタイルシートとそのビルド方法。
  • resources/ts/editor/ または同等 — 書き換えではなく再利用する共有エディタヘルパー(プレビューシェル、リッチテキスト、メディア、リピーター)。
  • inc/ — クエリ、ナビゲーション、テンプレート用ヘルパー。

再利用は創造に勝る:要求された動作や編集構造を別の方法で表現できない場合にのみ、新しいブロックが正解です。

3. 意図に基づいてディスパッチする

リクエストロードする専門家
子テーマの作成、スキャフォールディング、またはブートストラップ。子アセットパイプライン。子ブロック登録。nextora-child-themes
ブロックの追加/変更:block.json、属性、エディターUI、render.php、ビュースクリプト、リピーター、設定パネルnextora-gutenberg-blocks
色、フォント、スペーシングトークン、スタイルバリエーション、ビジタースイッチャー、「パレットに従わなければならない」nextora-design-system
テンプレート、テンプレートパーツ、パターン、ページレイアウト、アーカイブ、投稿クエリnextora-site-composition

複合リクエストは、該当するすべての専門家をロードします。2つの組み合わせは必須です:

  • 新しい子テーマ + 外観要件 → nextora-child-themes および nextora-design-system。プリセットやビジタースイッチに従わなければならない子テーマは、子テーマスキルだけでは完了できません。
  • 新しいブロック、またはスタイル変更されたブロック → nextora-gutenberg-blocks および nextora-design-system。ブロックの外観はデザインシステムが担当します。

専門家が一致する必要があるため、同じセッションでロードし、デザインシステムスキルがカバーする外観に関する質問にはその判断を優先させます。

4. リファレンスを段階的にロードする

各専門家は直接呼び出し可能です。このルーターを実行することは前提条件ではありません。専門家をロードするときは、その SKILL.md を開き、そのワークフローが名前で参照するリファレンスファイルのみを相対パスで読み取ります。上記の2つの共有リファレンスはすべての専門家からリンクされているため、スキル間の相対リンク(../nextora-ecosystem/references/...)は引き続き解決可能である必要があります。移動や名前変更はしないでください。

5. 引き継ぐ

専門家をロードし、その順序立てたワークフローに従い、references/quality-gates.md を適用してから、何かが完了したと宣言します。リクエストが純粋にルールの出典に関する質問である場合は、references/source-map.md から回答し、停止します。

完了チェック

  • ターゲットテーマと親テーマは、独自の style.css/theme.json から特定され、想定されていない。
  • 実際に存在するファイルのみが引用され、ソースとして引用されたものはこのセッションで読み取られた。
  • 該当するすべての専門家がロードされ、上記の必須ペアリングも含まれる。
  • 新しいコードは、既存のブロック、パターン、ヘルパー、トークンを再利用する。
  • references/quality-gates.md が結果に適用された。
  • このルーター自身のファイルレイアウトに依存する作業は、上記の相対リンク以外にはない。

境界

このスイートはMarkdown指示とソースバックアップリファレンスです。ランタイムスクリプト、ジェネレーター、スターターテーマツリー、パッケージマネージャー、インストーラーは出荷しません。ダウンストリームのビルドおよびブラウザ検証コマンドはターゲットテーマに属し、references/quality-gates.md にリストされています。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

miketropi/nextora-child-themes

Create, bootstrap or audit a child theme of the Nextora parent block theme — the style.css header with Template nextora, the functions.php load order, the single version constant kept in sync with the header, the front-end and editor-canvas asset pipeline with its parent handle dependencies, the child block registrar and inserter category, PHP/i18n conventions, and the optional feature-file layout. Use when a request names a Nextora child, a new child theme name or slug, a child theme header or version bump, child CSS/JS enqueueing, editor canvas styles, a child block folder or block category, porting Nextsaas conventions into a new child, or asks why child code cannot call the parent at file scope. Pair with nextora-design-system for any child that must follow palette or visitor font/colour switching.

miketropi/nextora-site-composition

Compose the surfaces of a Nextora or Nextora child block theme — HTML templates and template parts, PHP block patterns and their categories, page templates and the template hierarchy, front-page versus posts-index, filesystem patterns referenced from thin templates, core query/archive/search loops and explicit query context, header and footer ownership, and filesystem-versus-Site-Editor customisation. Use when a request asks for a landing page layout, a page template, an archive or search composition, a reusable pattern or section, a header/footer part, a query loop, or asks why a template file edit shows no change on the front end.

nextora-design-system

Own colours, typography, spacing tokens, style variations and the optional visitor colour/font switcher for the Nextora parent theme and its child themes. Use when a request mentions a palette, colour role, preset slug, font family or font preset, theme.json settings, Tailwind @theme aliases, CSS custom properties, a style variation, "follow the palette", "must switch with the visitor's choice", scoped block colours, or appearance for a new child theme.

nextora-gutenberg-blocks

Build or change Gutenberg blocks in the Nextora parent theme or a Nextora child theme — block.json registration, typed attributes, native visual editing with RichText and media, InspectorControls settings panels, repeatable list editors with modal item editing, render.php output, view scripts, block style variations, and the esbuild block pipeline. Use when a request mentions a block, block.json, edit.tsx, index.tsx, render.php, ServerSideRender, InnerBlocks, a repeater or list editor, a modal item form, an inspector panel, a block category, or "add/restyle a section block" for Nextora.

関連スキル