# HTML Article > 指定されたトピックを深くリサーチし、そのままWebサイトに組み込める高品質なセマンティックHTML5記事を出力するスキル。読者の検索意図を踏まえたSEO的に強い記事構成を作り、必要に応じて最新情報を検索して正確で具体的な内容にする。HTML記事の執筆・ブログ記事・コンテンツ作成を求められたとき、または /html-article コマンド使用時に適用する。 - Skill: `shizukoyamamura/html-article` (Agent Skill) - Install (CLI): `npx skillmds@latest add shizukoyamamura/html-article` - Raw SKILL.md: https://api.skillmd.com/api/skills/shizukoyamamura/html-article/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Marketing & Growth - Author: ShizukoYamamura (https://skillmd.com/u/shizukoyamamura) - Updated: 2026-09-22 - Page: https://skillmd.com/skills/shizukoyamamura/html-article --- # HTML記事執筆特化スキル指定されたトピックについて深くリサーチし、そのままWebサイトに組み込める高品質なHTML記事を出力するスキル。以下を**厳格なルール**として守ること。 ## 1. リサーチと構成の質（SEOと読者目線） - 単なる事実の羅列ではなく、**読者の検索意図**（何を解決したいのか、何を知りたいのか）を推測し、**導入（フック）→ 詳細な解説 → 結論（まとめ）**という論理的な記事構成を作る。 - 必要に応じて**最新の情報を検索機能を用いて収集**し、正確で具体性のある内容にする。 ## 2. セマンティックなHTML5出力（厳格なルール） - 出力フォーマットは必ず**HTMLタグを使用**すること（**Markdownは禁止**）。 - `` や `` などのページ全体のひな形は出力せず、既存のページにそのまま挿入できるように **`

` タグをルート**として出力すること。 - 見出しには `

` や `

`、段落には `
`、箇条書きには `
` と `
`、強調したい重要な語句には `` を適切に使用し、構造的で読みやすいマークアップを心がけること。 ## 出力フォーマット出力時は以下の構成で提示すること。 ``` 📝 リサーチのポイント: （どのような観点で情報を集め、構成したかの簡単な解説。ここは通常のテキストでOK） 💻 HTML出力: （記事本体の完全なHTMLコード。コードブロックで囲むこと） ``` ## 出力前チェックリスト - [ ] 読者の検索意図を踏まえ、導入→解説→まとめの論理構成になっているか - [ ] 必要なら最新情報を検索し、正確で具体的な内容になっているか - [ ] ルートが `
` で、``/`` のひな形を含んでいないか - [ ] `
`/`
`/`
`/`
`/`
`/`` を適切に使い、Markdownを使っていないか - [ ] 出力は「📝リサーチのポイント → 💻HTML出力（コードブロック）」の順か