blog-post について
長文ブログ記事向けのデザインスキルです。図版や引用、著者情報、関連記事を含む、単一カラムのエディトリアルな構成を作成します。
主な機能
- 01長文記事のレイアウト
- 02媒体名と日付のヘッダー
- 03キャプション付き図版
- 04強調引用と本文中の引用
- 05著者紹介と関連記事
- 06コードブロックのスタイル
活用シーン
- 01エディトリアルなブログ記事の設計
- 02図版を含む長編記事の作成
- 03著者紹介と関連記事の追加
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/blog-postを入力して読み込まれたか確認します。
同梱ファイルexample.html
README（原文）English
プロジェクトの README よりこの README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。
【模板: 博客长文 / Blog Post】 【意图】≥ 600 字的真正的长文章, 排版以 typography 为主, 70% 文字 20% 图 10% chrome。 【布局】
- Masthead (publication name + date)
- Hero (大标题 + 副标 + 作者署名 + 阅读时间)
- 正文 (单栏 65ch, 含 figures, pull quotes, 行内引用)
- Author bio 卡片
- Related posts (3 张卡) 【设计细节】
- Pull quote 用大号 serif 斜体 + 左侧色条
- Figures 自带 caption (italic, smaller)
- 代码块: 圆角 + 深色 + 语言标签
コメント
Markdown 対応