HTML Article

指定されたトピックを深くリサーチし、そのままWebサイトに組み込める高品質なセマンティックHTML5記事を出力するスキル。読者の検索意図を踏まえたSEO的に強い記事構成を作り、必要に応じて最新情報を検索して正確で具体的な内容にする。HTML記事の執筆・ブログ記事・コンテンツ作成を求められたとき、または /html-article コマンド使用時に適用する。

ShizukoYamamura Updated

File contents

HTML記事執筆特化スキル

指定されたトピックについて深くリサーチし、そのままWebサイトに組み込める高品質なHTML記事を出力するスキル。以下を厳格なルールとして守ること。

1. リサーチと構成の質(SEOと読者目線)

  • 単なる事実の羅列ではなく、読者の検索意図(何を解決したいのか、何を知りたいのか)を推測し、**導入(フック)→ 詳細な解説 → 結論(まとめ)**という論理的な記事構成を作る。
  • 必要に応じて最新の情報を検索機能を用いて収集し、正確で具体性のある内容にする。

2. セマンティックなHTML5出力(厳格なルール)

  • 出力フォーマットは必ずHTMLタグを使用すること(Markdownは禁止)。
  • <html><body> などのページ全体のひな形は出力せず、既存のページにそのまま挿入できるように <article> タグをルートとして出力すること。
  • 見出しには <h2><h3>、段落には <p>、箇条書きには <ul><li>、強調したい重要な語句には <strong> を適切に使用し、構造的で読みやすいマークアップを心がけること。

出力フォーマット

出力時は以下の構成で提示すること。

📝 リサーチのポイント:
(どのような観点で情報を集め、構成したかの簡単な解説。ここは通常のテキストでOK)

💻 HTML出力:
(記事本体の完全なHTMLコード。コードブロックで囲むこと)

出力前チェックリスト

  • 読者の検索意図を踏まえ、導入→解説→まとめの論理構成になっているか
  • 必要なら最新情報を検索し、正確で具体的な内容になっているか
  • ルートが <article> で、<html>/<body> のひな形を含んでいないか
  • <h2>/<h3>/<p>/<ul>/<li>/<strong> を適切に使い、Markdownを使っていないか
  • 出力は「📝リサーチのポイント → 💻HTML出力(コードブロック)」の順か

ShizukoYamamura/cursor-skills/tree/main/html-article commit f3319f866e

Frequently asked questions

npx skillmds@latest add shizukoyamamura/html-article