SKILL / テスト公開
shiryo-yellow
タイトルとセクション構成を渡すと、背景黄色でデザイン統一された1枚資料(HTML)を組み立てて返すスキル。構成はあなたのAIが考え、検証とデザイン反映はサーバー側で。保存すればブラウザでそのまま開けます。
WebMCPスキル配布所テスト資料
01この資料の位置づけ
shiryo-yellowスキルの動作確認用に、MCP経由で自動生成した1枚資料です。
02生成の流れ
クライアントAIが構成を考え、validate_shiryoで検証し、make_shiryoが黄色デザインに流し込みます。
↑ このMCPが実際に生成する資料と同じデザイン(黄色地・白カード・黒縁)
何をするスキルか
載せたい内容を渡すと、AIがタイトルとセクション(見出し+本文)に整理します。サーバー側は文字数などの検証を通してから、黄色地に白カードの固定デザインへ流し込み、自己完結のHTMLとして返します。文章の中身はクライアント側、デザインの一貫性はサーバー側という分担なので、誰が何回作っても見た目が揃います。
作りのルール
- タイトル
- 40字以内。資料の1行目として黒の下線つきで大きく載る
- セクション
- 1〜8個。番号チップつきの白カードとして縦に並ぶ
- 見出しと本文
- 見出し30字以内・本文10字以上。検証エラーは直し方つきで返る
- 固定デザイン
- 黄色#FFD900・白カード・黒縁。外部読み込みなしの自己完結HTML
MCPから実行できます
このスキルは専用MCPに接続すればそのまま実行できます。接続先は https://keito-skills.com/mcp/shiryo-yellow。AIが手引き(get_shiryo_guide)を読んで構成を作り、検証(validate_shiryo)を通し、生成(make_shiryo)で資料HTMLを受け取ります。生成には共有キーが必要です。
claude mcp add --transport http shiryo-yellow \ https://keito-skills.com/mcp/shiryo-yellow # あとはClaudeに頼むだけ: # 「◯◯についての1枚資料を作って」
配布について — 渡した文章は資料の生成にのみ使われ、サーバーには保存されません。共有キーは配布元から受け取ってください。続報は X(@keitowebai)で。