ccskill シリーズは、日々の雑務を自動化して生産性を向上させたり、クリエイティブな作業を省力化することのできる、Claude Code 向けに開発されたオープンソースのスキル集です。 An open-source skill collection built for Claude Code — automating daily chores to lift productivity, and lightening the load on creative work.
Claude Code はコーディングでは手放せないけど、広報や経理みたいな"普段の仕事"でも使えると便利だと思うんですが、どう使えばいいのか、正直わかってないんですよね。 I rely on it for code — but for PR or finance work, I honestly don't know where to start.
画像とかイラストは結局、別サービスで毎回プロンプト書いて作ってます。あれ、地味に時間取られるんですよね…。Claude Code で効率化できるといいんですが。 Visuals still mean me hand-writing prompts somewhere else. That eats my afternoon.
メール整理に毎朝1時間。同じような返信も毎週書いている気がして、もうちょっと効率化したいんです。Claude Code が活用できませんか? An hour every morning on email — and re-typing the same reply weekly. There must be a better way.
ccskill-nanobanana は、プロジェクトの資料や会話をふまえたコンテキスト重視のプロンプトを組み立て、Google の Nano Banana Pro で画像を生成するスキルです。Google 公式のプロンプトガイドも搭載しており、文脈に沿った高品質な画像を生成することができます。 ccskill-nanobanana is a skill that assembles context-aware prompts from your project files and conversation, then generates images via Google's Nano Banana Pro. Google's official prompt guide is built in, so you get high-quality images that stay aligned with your context.
巷に溢れるプロンプトテクニックに振り回される必要はありません。Google 公式のベストプラクティスが内蔵されており、ざっくりした依頼でも、Claude Code が適切なプロンプトを生成します。 You do not need to agonize over clever phrasing. Even a rough request gets expanded into composition, lighting, and texture choices that move the result closer to something you can publish.
例:「秋のキャンペーン用に、温かいトーンで1枚」 e.g. "One visual for the autumn campaign, warm tones"「工場の自動化をやわらかく伝える図版」「注文からのワークフローの手順解説図」と一言。資料に差し込むための図やイラストを作成してもらうことができます。 Say "an illustration that explains factory automation in a softer way" and it builds composition, lighting, and style around the tone of your deck, ending up with an explanatory visual rather than a random image.
例:「資料Aにある工場自動化を説明するイラスト」 e.g. "A soft illustration of factory automation"気に入らなかった時も、ゼロからやり直す必要はありません。直前の画像をベースに「色を落ち着かせて」「背景だけ差し替えて」と会話しながら、理想の画像に近づけていくことができます。 When something is off, there is no need to restart from zero. Keep the references in play, say "tone the colors down" or "change only the background," and refine it toward a deliverable in conversation.
例:「色合いをもう少し落ち着かせた雰囲気に」 e.g. "Tone the colors down a bit"ccskill-gmail は、Claude Code 標準の Gmail コネクタ(MCP) を補完するスキルです。標準コネクタでは不可能な、添付ファイルのダウンロードやメール本文のPDF化、プロンプトインジェクション対策のほか、Claude Code による操作ログの記録、複数 Gmail アカウントにも対応しています。 ccskill-gmail is a skill that complements Claude Code's built-in Gmail connector (MCP). It adds what the built-in connector can't do — attachment downloads, mail-body PDF export, and prompt-injection defenses — plus local audit logging of every Claude Code action and support for multiple Gmail accounts.
添付ファイルを取得して、そのファイルを読み取って次の処理を行ったり、メール本文に連動したファイル名を付与するように指示することができます。拡張子に制限はありません。 Fetch attachments, read them as input for the next step, or have them named based on what's in the email body. Any file extension works.
例:「添付PDFを『[取引先]_[金額].pdf』の命名規則で取引先ごとのフォルダに保存して」 e.g. "Save by vendor, filename = vendor + amount"
検索・取得・ダウンロード・PDF 化といったすべての操作は、ローカルの監査ログに自動記録されます。件名・本文・宛先・検索クエリ自体は記録しない設計なので機微情報は残りません。
Every search, fetch, download, and PDF export is recorded to a local audit log automatically. Replay them in order with ccskill-gmail history. Subjects, bodies, recipients and search queries are intentionally not stored, so the log itself holds nothing sensitive.
標準の Gmail コネクタは、Claude に紐付いたアカウントにしかアクセスできません。ccskill-gmail はプロジェクトごとに任意の Gmail アカウントを個別接続できるので、共用メールやプロジェクト用メールのアカウントに対してもメール操作を依頼することができます。
The built-in Claude.ai Gmail connector only sees the one account linked to Claude.ai. ccskill-gmail connects to any Gmail account per project, so it fits naturally if you juggle work mail, personal mail, and shared inboxes like sales@ or info@.
ccskill-gmail に含まれる .ccskill-gmail/api はシェルスクリプトから呼べるブリッジ API でもあります。やりたいことを伝えるだけで、Claude Code がスクリプトを開発します。
The .ccskill-gmail/api shipped with ccskill-gmail also works as a bridge you can call from shell scripts. Just describe what you want, and Claude Code writes the script for you.
あなたがすることは「こんな画像が欲しい」と伝えるだけ。Claude が会話やコンテキスト、プロジェクト内のファイルから最適なプロンプトを組み立て、OpenAI のモデル gpt-image-2(ChatGPT Images 2.0)が画像を生成します。ChatGPT のサブスクリプションがあれば API キーは不要で、CLI の Codex を介して画像を生成します。漢字・かな・縦書きといった日本語のような非ラテン系文字も高品質に描画します。 Just say what you want to see. Claude reads your conversation, context, and project files, assembles the best prompt, and passes it to gpt-image-2 (ChatGPT Images 2.0). With a ChatGPT subscription, no API key is needed — images are generated via the Codex CLI. Non-Latin scripts like Japanese — kanji, kana, vertical writing — are rendered with high fidelity.
GPT Image2.0 は漢字・かなに加え、縦書きを崩さずに描画できる画像生成エンジンです。文字が主体のポスターやバナーを高い精度で生成することができます。 Because it renders kanji, kana and vertical writing without breaking them, you can generate posters and banners where the text itself is the hero — no re-typesetting in a separate tool afterward.
例:「『未来は計画されるものである』という標語で縦書きポスターにしてください」 e.g. "Make a vertical poster: 'The future is planned'"四半期の業績やワークフローなど、数値や構成を伝えたり、Excelファイルを参照させたりして、資料に差し込めるグラフ・図解イラストを作成することができます。 Hand over the quarterly figures or the steps of a workflow, and it builds a chart or diagram you can drop straight into your deck — no manual layout work.
例:「Q1〜Q4の売上を棒グラフのインフォグラフィックに」 e.g. "Q1–Q4 revenue as a bar-chart infographic"Claude Code でのWeb・アプリ開発プロジェクト内で、モックやワイヤーフレームの画像を生成させて、画面のイメージ通りに実装するよう指示することができます Inside a web or app development project in Claude Code, generate mockup and wireframe images, then instruct Claude to implement exactly what the screen shows.
例:「@spec.md に書いている XXXX 画面のワイヤーフレームを作って」 e.g. "Make a wireframe for the XXXX screen described in @spec.md"ccskill-esparform は、静的サイト向けのフォーム実装ツール espar form を使って、問い合わせフォームを Claude Code に実装させるスキルです。どんなフォームにしたいかを文章で伝えると、既存のデザインに合わせたフォームを HTML に組み込み、ブラウザでの送信テストとメールの受信確認までを Claude Code が続けて行います。メールの宛先や件名・文面など、管理画面での設定も、Claude Code が行います。PHP もメールサーバも用意する必要はありません。自動実装の様子は以下のデモをご覧下さい。 ccskill-esparform is a skill that has Claude Code build your contact form with espar form, our form tool for static sites. Describe the form you need in plain words. Claude Code fits it into your existing HTML and design, runs a send test in the browser, and checks that the mail actually arrived. It takes care of the admin-console settings too — mail recipients, subjects, body text and the like. There is no PHP to write and no mail server to run. Watch the demo below to see the automated build in action.
LPやサイトがほぼ完成し、フォームのみが未実装の場合、作りたいフォームを伝えるだけで動くフォームを自動実装します。項目が決まっていない場合でも「資料請求フォーム」のように用途を伝えると一般的な項目で提案してくれます。 When the landing page or site is nearly finished and only the form is left, just describe the form you want and a working form is built automatically. Even if the fields aren't decided yet, name the purpose — say, a brochure-request form — and Claude Code proposes a typical set.
例:「@index.html のお問い合わせのセクションに、espar form でフォームを実装して」 e.g. "Implement the form in the contact section of @index.html with espar form"入力欄やボタンなどフォームの見た目部分のコーディングは済んでいる場合、その構造を保ったまま espar form を組み込み、必須項目やメールアドレス形式の入力チェックだけを実装させることができます。 When the visible parts of the form — fields, buttons and so on — are already coded, you can have Claude Code build espar form in with that structure kept as it is, implementing only the checks for required fields and email format.
例:「@index.html のフォームからメールが飛ぶようにして。デザインは変えないで」 e.g. "Make the form in @index.html send mail. Don't touch the design"LP そのものを Claude Code に制作させることもできます。フォームを espar form で実装すべきことを伝えると、動作するフォームまで自動で生成してくれます。 You can also have Claude Code build the landing page itself. Tell it that the form should be implemented with espar form, and it generates everything automatically, right through to a working form.
例:「LP を作って。最下部には espar form のフォームを置き、項目は内容に合わせて実装して」 e.g. "Build the landing page. Put a contact form built with espar form at the bottom, and implement fields that fit the content"espar form を使えば、静的に制作したページや、静的化したサイト内で、動作する問い合わせフォームを実装できます。しかも無償公開している ccskill-esparform スキルと、専用CLIの esparformctl を組み合わせれば、お手元の Claude Code が、espar form の専門家となります。 With espar form, a statically built page — or a site converted to static files — can have a contact form that really works. Add the free ccskill-esparform skill and esparformctl, its dedicated CLI, and the Claude Code you already use becomes an espar form expert.
元となるHTMLや、作りたいフォームを伝えるだけで、Claude Code が勝手に espar form を使った問い合わせフォームを実装してくれます。ローカルサーバを起動して、動作確認して、メールが正しく送信されるかまでも全て代行してくれます。 Just hand over the HTML and describe the form you want. Claude Code builds the contact form with espar form on its own — and then starts a local server, checks that the form works, and even confirms that the mail is sent correctly, all on your behalf.
エージェントAI時代の問い合わせフォーム自動実装の世界をぜひ体験して下さい。 Come and experience automated contact-form building in the age of AI agents.
claude で実行するエージェントAIです。Claude のサブスクリプション契約など有償で利用する環境の設定があらかじめ必要です。
An AI agent you run in the terminal with the claude command. A paid setup, such as a Claude subscription, needs to be in place beforehand.
メールの受信確認まで任せる場合は、通知メールの宛先と、送信テストでフォームに入力するアドレスを Gmail にし、ccskill-gmail または Claude Code 標準の Gmail コネクタで、Claude Code が受信箱を読める状態にしておきます。 To have the inbox check done for you too, use Gmail for both the notification recipient and the address typed into the form during the send test, and let Claude Code read that inbox through ccskill-gmail or Claude Code's built-in Gmail connector.
日々の業務に役立つ様々な新しいスキルを開発しています。 We're building a steady stream of new skills for everyday work.
シート・セル・行・列の読み書き、文字やセルの装飾、罫線、セル結合、メモ、関数など多くのスプレッドシート操作を自然言語で行えるようになります。複数スプレッドシートにも対応。ccskill-gmail と組み合わせて、メール内容に応じてスプレッドシートを操作する連携作業も指示できます。 Read and write across sheets, cells, rows and columns — plus formatting, borders, merges, notes and formulas — all in natural language. Works across multiple spreadsheets, and pairs with ccskill-gmail so you can wire mail-driven workflows into your sheets.
スキルのアイディアを #ccskill のハッシュタグを付けて X に投稿してください。次のスキル開発のヒントにさせて頂きます。
Post your skill ideas on X with the #ccskill hashtag. They'll shape what we build next.
Claude Code は組織の非エンジニアの方にとって特に価値を生むツールです。「あったらいいな」が自分で作れるようになり、やりたかったことが次々と実現する...。そんな生産性向上の可能性を無限に秘めた道具を自分のものにしてみませんか。Claude Code のリリース時から自社の全業務に導入している弊社では、Claude Code の習得を加速できる使いこなし支援をご提供しています。 Claude Code is especially valuable for the non-engineers on your team — the "wouldn't it be nice if…" moments turn into things they can actually build themselves. We've put Claude Code into every part of our own operation since launch day, and we offer mastery support to accelerate the learning curve for your team too.
※ 日本語のみのご提供です。料金や詳細はリンク先でご確認ください。ccskill シリーズのスキル自体は無償・オープンソースです。 ※ Available in Japanese only. See the link for pricing and details. The ccskill skills themselves remain free and open-source.