Claude Code ですばやくきれいなインフォグラフィックを作る
Hiroba による自動要約
AI が書いた設計やドキュメントの要点を 1 枚の SVG / PNG にまとめる Claude Code 用 Skills の公開記事。ヘッドレス Chrome で実寸を測り、文字のはみ出しや重なりを Claude が修正してから出力する仕組み。`/plugin install` で導入可能で、日本語の折り返しや配色ルールの固定にも対応。AI 出力のレビュー負荷を下げたい開発者向け。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 6019 件あります。
関連する記事
同じタグの記事
作った Claude Code スキルを忘れないための「スキルボード」とフック
Zenn自作 Skills の増加による重複作成・呼び出し方の失念・不要スキル残存を、Markdown 1 枚のスキルボードと Hooks で管理する実践例。PostToolUse の Skill / Write|Edit / Bash と SessionStart で使用回数・ログ・登録漏れを自動処理し、用途の記録は additionalContext 経由でモデルに依頼する役割分担。Skills を多数運用する Claude Code ユーザー向け。
ShikakuPassの運用保守作業でClaude Codeを活用した話
Zennオンライン資格学習サービスShikakuPassにおけるRailsバージョンアップ、ElastiCache廃止、Aurora PostgreSQLメジャーバージョンアップの実施記録。Claude Codeにはリリースノート調査・影響範囲の洗い出し・手順書の叩き台作成を任せ、人間はレビューと判断、本番作業を担当。Railsのアップグレード手順をSkillとして残し、`/rails-minor-upgrade` で再現可能にした事例も含む。Rails/AWS環境の運用保守にClaude Codeを組み込みたいエンジニア向け。
Claude Codeに「進捗どう？」と聞くのをやめた ― 隣の画面で勝手に育つ"きょうのボード"
Zenn複数プロジェクトを Claude Code に並行委任する際の進捗確認の手間を解消する自作ツール「きょうのボード」の紹介。Claude が Skills と同梱の Python スクリプト経由で HTML ボードを自ら更新し、常駐の Deck が全セッションの状態集約と通知を担う構成。外部サーバー・DB 不要、MIT で GitHub 配布。Claude Code を並行運用する開発者向け。
ハーネスエンジニアリング3原則 — 地図・強制・蓄積の三層で考える
ZennOpenAI 提唱のハーネスエンジニアリング3原則を Claude Code の機能に対応付けて整理した記事。地図は 200 行以内の CLAUDE.md と docs/ への分割、強制は PreToolUse Hook による不変条件のみのブロック、蓄積は失敗手順の Skills 化として解説。ハーネスを先に生成させる初手プロンプト例も掲載。Claude Code の運用設計を見直したい開発者向け。