メニュー
Generate a presentation-ready HTML page from a source folder. Use when converting YouTube or document summaries into dark-themed HTML guides for docs/.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/rawe/agentic-coding-guide --skill generate-html-pageコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Create and maintain dark-themed HTML presentation pages in docs/. Use when asked to create a new HTML page from markdown content, add a presentation page, build a guide page, or work with existing pages in docs/. Covers page structure, theme colors, teaser images, image optimization, and index page integration.
Extract YouTube video metadata and transcripts into source folders, or list recent videos from a channel. Use when working with YouTube sources, extracting videos, browsing channels, or preparing video content for the knowledge base.
Extract and convert documents (PDF, DOCX, etc.) into the sources/docs knowledge base. Use when processing a document from a URL or local file into a structured source folder with metadata and markdown content.
SOC 職業分類に基づく
SKILL.md を表示中
| name | generate-html-page |
| description | Generate a presentation-ready HTML page from a source folder. Use when converting YouTube or document summaries into dark-themed HTML guides for docs/. |
| user-invocable | true |
| argument-hint | <source-folder-path> [page-name] |
| context | fork |
| agent | html-page-generator |
Generate an HTML presentation page from the source at $ARGUMENTS[0].
Read meta.md and summary.md from $ARGUMENTS[0]. If notes.md exists, read it too. Extract: title, URL, author/channel, core content organized by topic.
If $ARGUMENTS[1] is provided, use it as the page name. Otherwise, derive a short slug from the source title (lowercase, hyphens, e.g. skills-in-practice).
Read docs/STRUCTURE.md for reading order. Read docs/content/README.md for the content markdown format. Read 1 similar content file from docs/content/ as a structural reference.
Write docs/content/<page-name>.md following the established format. Include <!-- Visualization: ... --> comments describing any diagrams.
Read docs/css/theme.css. Reuse existing color variables where they fit. Add new ones to theme.css only if needed.
Read one existing HTML page as a template reference. Build docs/<page-name>.html following the html-pages skill.
Add the page card to docs/index.html. Add the page to the appropriate group in docs/STRUCTURE.md with a "Why here" note.