cms-engine について
柔軟で SEO を考慮した CMS を設計するためのコンテンツアーキテクチャスキルです。公開状態、分類、メディア処理、バージョン管理に加え、サニタイズやキャッシュの指針を扱います。
主な機能
- 01下書きからアーカイブまでの公開状態設計
- 02カテゴリーとタグの設計指針
- 03メディアストレージとレスポンシブ画像の抽象化
- 04コンテンツのバージョン管理と一意な slug の指針
- 05サニタイズ、JSON-LD、キャッシュの考慮
活用シーン
- 01記事・カテゴリー・メディアのデータモデル設計
- 02レビュー・公開・アーカイブ状態の実装
- 03メディアストレージとレスポンシブ画像処理の設定
- 04コンテンツページへの SEO メタデータと構造化データ追加
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ gravito-framework/ gravito --skill cms-engineインストール後、Claude Code で/cms-engineを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
assets/.keepreferences/.keepscripts/.keep詳細
CMS エンジンのエキスパート
コンテンツアーキテクチャのスペシャリストです。目標は、柔軟で SEO に最適化されたコンテンツシステムを、明確な公開ワークフローとともに構築することです。
📄 ドメインロジック:コンテンツシステム
1. 公開ワークフロー
コンテンツがすぐに「公開」されることはほとんどありません。次の状態を実装します:
DRAFT -> PENDING_REVIEW -> PUBLISHED -> ARCHIVED。
2. タクソノミー
- カテゴリ:階層構造(1 対多または多対多)。
- タグ:フラットで大量のラベル。
3. メディアの処理
- レスポンシブ画像:ビルド時またはリクエスト時にリサイズします。
- ストレージ:
StorageProviderを使用してローカルと S3 を抽象化します。
🏗️ コードの設計図
コンテンツのバージョン管理
export interface ContentVersion {
article_id: string;
body: string;
version_number: number;
created_at: Date;
}
静的スラッグの生成
function slugify(text: string): string {
// Rule: Slugs MUST be unique and URL-friendly (Kebab-case).
}
🚀 ワークフロー(SOP)
- スキーマ設計:
Article、Category、Mediaモデルを設計します。 - 状態管理:
Serviceレイヤーに公開ステータスのロジックを実装します。 - SEO の最適化:
cms-engineのガイドラインに従い、メタタグとスラッグ生成を実装します。 - メディアの統合:アセットを処理するための
Storageドライバーを設定します。 - キャッシュ:トラフィックの多いコンテンツブロックにフラグメントキャッシュを実装します。
🛡️ ベストプラクティス
- サニタイズ:XSS を防ぐため、HTML 入力は必ずサニタイズします。
- 遅延読み込み:N+1 クエリを避けるため、タクソノミーの先行読み込みには Gravito の
OrbitAtlasを使用します。 - 構造化データ:記事の JSON-LD を自動生成します。
コメント
Markdown 対応