메뉴
対象ブランドのサイトURL、VI PDF、リポジトリの既存コードを入力として、awesome-design-md 準拠の9セクション構成で自己完結型の DESIGN.md を生成するスキル。DESIGN.md を新規作成したいとき、既存の DESIGN.md を更新・改善したいとき、サイトやPDFからデザイントークンを抽出して整理したいとき、AIエージェント向けのデザイン参照ファイルが必要なとき、ブランドガイドラインや VI（ビジュアルアイデンティティ）をコード実装に橋渡ししたいときに使う。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
安全なステージング、作業テーマ単位のコミット分割、ドキュメント更新、Conventional Commits メッセージ生成、必要に応じた push までを行うスキル。`コミットして`、`commit`、`コミットプッシュして` など commit を求められたときに使う。push は明示された場合だけ実行し、commit-only では push せず止まる。`pushして`、`プッシュして` など push だけの指示では使わない。
対象の変更がドキュメントに与える影響を判断し、必要な更新だけを行うスキル。呼び出し元から対象ファイル集合が渡されればそれを使い、無ければ staged change、さらに無ければ git diff HEAD と未追跡ファイルにフォールバックする。commit-push スキルから呼び出された場合、またはユーザーが /doc-updater と明示的に指示した場合にのみ実行し、自律的には起動しない。
ソフトウェア開発の複数ステップ作業について、実装前に具体的な計画書を書くスキル。機能実装、バグ修正、リファクタ、移行、テスト追加、運用変更、ドキュメント改修などで、ユーザーが「計画して」「実装方針を作って」「planを書いて」「作業を分解して」「実装前に整理して」と言ったら使う。コードに触る前、またはサブエージェントや別セッションへ委譲する前には積極的に使う。
モバイルアプリUIの設計・改善・レビューを行うスキル。iOS、Android、Flutter、React Native を問わず、情報設計、UIパターン選定、タイポグラフィ、色、ブランド世界観、状態設計、プラットフォーム適応を伴う実装判断で使う。設定画面、一覧、フォーム、オンボーディング、空状態、エラー状態、詳細画面などの画面設計や、スクリーンショット・実装コードのレビュー、UI改善提案が必要なときに使う。
Design, inspect, and troubleshoot Pencil .pen files with MCP tools. Use this skill when an AI coding agent needs one selected mode per request: (1) Design-only editing in Pencil, (2) Design to Code implementation from Pencil files, (3) Code to Design synchronization into Pencil, or (4) Pencil MCP troubleshooting.
Hermes Agent（Nous Research の AI CLI / TUI / Desktop エージェント）をセットアップ・設定・運用・トラブルシュートするためのスキル。 ユーザーが hermes / hermes agent / ハーメス / Hermes Desktop を使うとき、config.yaml / .env / SOUL.md / MEMORY.md を編集するとき、gateway / doctor / config / model / tools / profile / cron / plugins / acp / dashboard / mcp / curator / kanban / proxy / send / audit / portal について質問したときに使う。 MCP サーバー追加、hermes skills、curator、Kanban swarm、`/goal` `/subgoal` `/undo`、ボイスモード、TTS / STT、cron、メッセージング連携、LLM プロバイダー切替、OAuth、プラグイン開発、Shell hook、プロファイル管理、Bitwarden Secrets Manager に関する作業でも使う。 MCP や gateway が Hermes Agent 以外の文脈で使われているときや、関係ない話題のときは使わない。
| name | design-md-creator |
| description | 対象ブランドのサイトURL、VI PDF、リポジトリの既存コードを入力として、awesome-design-md 準拠の9セクション構成で自己完結型の DESIGN.md を生成するスキル。DESIGN.md を新規作成したいとき、既存の DESIGN.md を更新・改善したいとき、サイトやPDFからデザイントークンを抽出して整理したいとき、AIエージェント向けのデザイン参照ファイルが必要なとき、ブランドガイドラインや VI（ビジュアルアイデンティティ）をコード実装に橋渡ししたいときに使う。 |
入力ソース（サイト URL、VI PDF、リポジトリのコード）からデザイン特性を抽出し、awesome-design-md 準拠の9セクション構成で DESIGN.md を生成する。入力は1つでも複数の組み合わせでも動作する。生成後は客観レビューと自己修正を1パス入れてから完成させる。
入力ソースの特定と言語判断
ユーザーから提供された入力（サイト URL、VI PDF パス、リポジトリパス）を確認する。どれが利用可能かを把握し、必要な補足情報はユーザーに確認する。対象コンテンツに日本語が含まれるかを判断する（後のステップで使う）。
テンプレートの確認
references/template.md を読み、9セクション構成と各セクションの記述ガイドを把握する。
入力ソースからデザイン特性を抽出する
利用可能な入力すべてから抽出し、情報を統合する。詳細は「入力ソース別の抽出手順」を参照。
抽出情報を整理する
日本語拡張（日本語コンテンツがある場合のみ）
ステップ1で日本語コンテンツが確認された場合のみ references/japanese-typography.md を読み、Typography Rules セクションに和文フォント・行間・禁則処理・OpenType 機能を追加する。
9セクションを組み立てる
references/template.md の構成に従い DESIGN.md を生成する。セクションヘッダーは英語。実際の記述例は references/examples.md を参考にする。情報が不足するセクションは推測で埋めず「要補完:」と明示する。
客観レビューと自己修正
references/best-practices.md のルブリック8項目を yes/no で判定する。no が出た項目は優先順位に従ってその場で修正する。修正不可能な問題（入力ソースに情報がない等）はユーザーへの確認事項として報告する。
仕上げの確認
利用可能なツール（WebFetch 等）で対象 URL の HTML を取得する。取得に失敗した場合は利用可能な代替手段で対象サイトの情報を収集する。
抽出対象:
<style> タグや外部 CSS から CSS カスタムプロパティ（--color-*、--font-* 等）<link> タグからフォント読み込み（Google Fonts、Adobe Fonts 等）meta[name="viewport"] からレスポンシブ設定Read ツールで PDF を読み込む（20ページ制限に注意）。20ページを超える場合:
pages パラメータを指定して該当ページのみを読み込む抽出対象:
以下のファイルを検索して読む:
tailwind.config.{js,ts,mjs} # theme 設定から色・フォント・スペーシング・角丸・影
*.css, *.scss # カスタムプロパティ、変数定義（globals.css, variables.css 等）
design-tokens.{json,yaml} # デザイントークン JSON/YAML
tokens.{json,yaml} # 同上
DESIGN.md # 既存の DESIGN.md（更新の場合）
package.json # フォント関連パッケージ（@fontsource/* 等）
抽出対象:
theme.colors、theme.fontSize、theme.spacing、theme.borderRadius、theme.boxShadow複数のソースで同一トークンが見つかった場合:
コード > VI PDF > サイト の優先順で採用する（コードが最新の実装を反映するため）。
ソース間で矛盾がある場合はユーザーに確認する。
生成した DESIGN.md を「自分が書いた文書」ではなく「他人が置いた draft」として査読する。まず削るべき情報・外へ逃がすべき情報がないかを見てから、足りない情報を考える。
references/best-practices.md のルブリック8項目（specificity / roles / completeness / consistency / descriptiveness / japanese / brevity / agent-ready）を yes/no で判定し、no が出た項目を優先順位に従ってその場で反映する。