shiki-code-blocks について
Shiki でコードブロックにシンタックスハイライトを適用する開発者向けスキルです。RSC でのサーバー側レンダリングと、ライト・ダークテーマの自動切り替えに対応します。
主な機能
- 01Shiki によるコードブロックのハイライト
- 02RSC のサーバー側レンダリング対応
- 03ライト・ダークテーマの自動切り替え
活用シーン
- 01コード例へのシンタックスハイライト適用
- 02RSC でのコードブロックのレンダリング
- 03現在のテーマに合わせたコード配色の切り替え
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/shiki-code-blocksを入力して読み込まれたか確認します。
詳細
Shiki コードブロック
Shiki でコードブロックの構文をハイライトします。RSC でのサーバーサイドレンダリングと、ライト／ダークテーマの自動切り替えに対応しています。
curl https://fullstackrecipes.com/recipes/shiki-code-blocks.md
コメント
Markdown 対応