Communitygithub.com

KKenny0/card-skill

テキストをデザインされた画像に変換するClaude Codeスキル – 7つのモード、18以上のブランドデザインシステム、印刷品質の美しさでPNG出力。

card-skill とは?

KKenny0/card-skillは、Claude Code上で動作するスキルで、ユーザーが提供したテキストをデザイン性の高い画像(PNG形式)にレンダリングします。このスキルの主な価値は、コードやマークダウンだけでは表現しきれない視覚的なコミュニケーションを、手軽にプロフェッショナル品質で生成できる点です。7種類の出力モード(例:シンプルカード、見積もりカード、ソーシャルメディア投稿)に対応し、18以上のブランドデザインシステム(例:Apple、Google、Twitter、GitHubなど)を内蔵しているため、ブランドガイドラインに沿った一貫性のあるデザインを簡単に適用できます。このスキルは、Claude Codeのカスタムスキルとして機能し、ユーザーは自然言語の指示で画像生成を指示できます。例えば、「Appleのデザインシステムで、この引用文を見積もりカードとして出力して」といった具合です。内部では、HTML/CSSによるレイアウトエンジンとヘッドレスブラウザ(PuppeteerやPlaywrightなど)を組み合わせて高解像度のPNGを生成する仕組みになっており、印刷にも耐える解像度と美しさを実現しています。開発者やテクニカルライター、ソーシャルメディアマネージャーなど、コードベースのワークフローの中でビジュアルコンテンツを素早く作成したいユーザーに最適です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add KKenny0/card-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

card-skill は何をしますか?

コンテンツ入力、PNG出力。テキストをデザインされた画像にレンダリングするClaude Codeスキル — 7つのモード、18以上のブランドデザインシステム、印刷品質の美しさ。

関連スキル