Communitygithub.com

aiskillstore/marketplace

美しいビジュアルアートを.pngおよび.pdfドキュメントとして作成します。ポスター、アート作品、デザインなどの静的な作品を依頼された際に使用します。既存のアーティストの作品をコピーせず、独創的なビジュアルデザインを作成し、著作権侵害を回避します。

marketplace とは?

このスキルは、デザイン哲学(美的ムーブメント)を定義し、それを視覚的に表現するための高度なエージェントスキルです。主にClaude CodeなどのAIエージェント向けに設計されており、ユーザーからの抽象的な入力や指示(例:「ポスターを作って」「アートを作って」)を基に、まず.mdファイルで独自のデザイン哲学(マニフェスト)を作成します。その後、その哲学に基づいて.pdfまたは.png形式のキャンバスアート作品を生成します。特に「職人技の卓越性」を重視し、作品が何時間もかけて丹念に作られたかのような、高品質で洗練された仕上がりを目指します。また、テキストは最小限に抑え、視覚的な表現(フォルム、空間、色、構成)によってアイデアを伝えることを重視します。対応プラットフォームはClaude Codeを想定しており、複数ページの作品作成にも対応しています。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/aiskillstore/marketplace/tree/HEAD/skills/canvas-design

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

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

ドキュメント

デザイン哲学(美的ムーブメント)を作成し、それを視覚的に表現するための手順です。出力は.mdファイル、.pdfファイル、.pngファイルのみです。

このタスクは2つのステップで完了します:

  1. デザイン哲学の作成(.mdファイル)
  2. キャンバス上での表現(.pdfファイルまたは.pngファイル)

まず、以下のタスクに着手します:

デザイン哲学の作成

まず、以下の要素を通して解釈されるビジュアル哲学(レイアウトやテンプレートではなく)を作成します:

  • フォルム、空間、色彩、構図
  • 画像、グラフィック、シェイプ、パターン
  • 視覚的なアクセントとしての最小限のテキスト

重要な理解

  • 受け取るもの:ユーザーからの微妙な入力や指示。基礎として考慮するが、創造的自由を制約してはならない。
  • 作成するもの:デザイン哲学/美的ムーブメント。
  • 次に行うこと:同じバージョンが哲学を受け取り、それを視覚的に表現する。アーティファクトは90%がビジュアルデザイン、10%が必須テキストとなる。

以下のアプローチを考慮する:

  • アートムーブメントのマニフェストを書く
  • 次のフェーズではアート作品を作る

哲学は以下を強調しなければならない:視覚的表現。空間コミュニケーション。芸術的解釈。最小限の言葉。

ビジュアル哲学の生成方法

ムーブメントに名前をつける(1〜2語):「ブルータリスト・ジョイ」 / 「クロマティック・サイレンス」 / 「メタボリスト・ドリームス」

哲学を明確に述べる(4〜6段落 - 簡潔だが完全):

視覚的な本質を捉えるために、哲学が以下の要素を通してどのように現れるかを表現する:

  • 空間とフォルム
  • 色彩と素材
  • スケールとリズム
  • 構図とバランス
  • 視覚的階層

重要なガイドライン:

  • 冗長性を避ける:各デザインの側面は一度だけ言及する。新しい深みを加えない限り、色彩理論、空間関係、タイポグラフィの原則についてのポイントを繰り返さない。
  • 職人技を繰り返し強調する:哲学では、最終作品が数え切れないほどの時間をかけて作成されたように見え、注意深く練り上げられ、その分野の最高峰の人物によるものであることを、複数回強調しなければならない。このフレーミングは不可欠である。「丹念に作り込まれた」「深い専門知識の産物」「苦痛を伴うほどの注意」「マスターレベルの実行」などのフレーズを繰り返す。
  • 創造的スペースを残す:美的方向性については具体的であるが、次のClaudeが解釈上の選択を行う余地を残すよう、十分に簡潔に。それも、極めて高い職人技のレベルで。

哲学は、次のバージョンがテキストではなく視覚的にアイデアを表現するように導かなければならない。情報は段落ではなく、デザインの中に存在する。

哲学の例

「コンクリート・ポエトリー」 哲学:記念碑的なフォルムと大胆な幾何学によるコミュニケーション。 視覚的表現:巨大なカラーブロック、彫刻的なタイポグラフィ(大きな単語、小さなラベル)、ブルータリスト的な空間分割、ポーランドポスターのエネルギーとル・コルビュジエの融合。アイデアは説明ではなく、視覚的な重みと空間的緊張によって表現される。テキストは稀で強力なジェスチャーとして、段落は決してなく、視覚的アーキテクチャに統合された必須の言葉のみ。すべての要素は、熟練の職人の精密さで配置される。

「クロマティック・ランゲージ」 哲学:色彩を主要な情報システムとする。 視覚的表現:幾何学的な精度で、色域が意味を生み出す。タイポグラフィは最小限で、色のフィールドが伝達するのを小さなサンセリフラベルが補助する。ヨーゼフ・アルバースの相互作用とデータ可視化の融合を想像せよ。情報は空間的かつ色彩的エンコードされる。言葉は、色彩がすでに示しているものを固定するためだけに存在する。苦痛を伴う色調整の結果。

「アナログ・メディテーション」 哲学:テクスチャと余白による静かな視覚的熟考。 視覚的表現:紙の質感、インクのにじみ、広大なネガティブスペース。写真とイラストレーションが支配する。タイポグラフィは囁くように(小さく、控えめで、ビジュアルに奉仕する)。日本の写真集の美学。画像はページをまたいで呼吸する。テキストは控えめに現れる - 短いフレーズのみで、説明ブロックは決してない。各構成は瞑想の練習のように注意深くバランスが取られている。

「オーガニック・システムズ」 哲学:自然なクラスタリングとモジュール式成長パターン。 視覚的表現:丸みを帯びたフォルム、有機的な配置、自然から建築を通して得た色彩。情報は視覚的図、空間的関係、アイコノグラフィを通して示される。テキストはスペースに浮かぶ主要なラベルのみ。構成は、専門家による空間オーケストレーションを通して物語を語る。

「ジオメトリック・サイレンス」 哲学:純粋な秩序と抑制。 視覚的表現:グリッドベースの精度、大胆な写真または厳格なグラフィック、劇的なネガティブスペース。タイポグラフィは正確だが最小限 - 小さな必須テキスト、大きな静寂ゾーン。スイス・フォーマリズムとブルータリズムの素材の正直さの融合。構造が伝達し、言葉ではない。すべての位置合わせは、無数の洗練の成果。

これらは簡略化された例です。実際のデザイン哲学は4〜6の実質的な段落であるべきです。

必須原則

  • ビジュアル哲学:デザインを通して表現される美的世界観を作成する。
  • 最小限のテキスト:テキストはまばらで、必須のみ、視覚的要素として統合され、決して長くならないことを常に強調する。
  • 空間的表現:アイデアは段落ではなく、空間、フォルム、色彩、構図を通して伝達される。
  • 芸術的自由:次のClaudeが哲学を視覚的に解釈する - 創造的余地を提供する。
  • 純粋なデザイン:これは装飾付きのドキュメントではなく、アートオブジェクトを作ることである。
  • 専門家の職人技:最終作品は丹念に作り込まれ、注意深く練り上げられ、その分野の最高峰の人物による数え切れない時間の産物のように見えなければならないことを繰り返し強調する。

デザイン哲学は4〜6段落の長さにすること。 核となるビジョンをまとめた詩的なデザイン哲学で満たす。同じポイントを繰り返さない。デザイン哲学は、あたかもどこでも使用できるかのように、アートの意図に言及せず汎用的に保つ。デザイン哲学は.mdファイルとして出力する。


微妙な参照の推論

重要なステップ:キャンバスを作成する前に、元のリクエストから微妙な概念的な糸を特定する。

必須原則: トピックは、アート自体に織り込まれた微妙でニッチな参照である - 常に文字通りではなく、常に洗練されている。その主題に詳しい人は直感的にそれを感じるべきであり、他の人は単に熟練した抽象的な構成を体験する。デザイン哲学は美的言語を提供する。推論されたトピックは魂を提供する - フォルム、色彩、構図に目に見えない形で織り込まれた静かな概念的なDNA。

これは非常に重要:参照は、作品の深みを高めるように洗練されていなければならず、それ自体を主張してはならない。別の曲を引用するジャズミュージシャンのように考えよ - 知っている人だけがそれをキャッチするが、誰もが音楽を楽しむ。


キャンバス作成

哲学と概念的枠組みの両方が確立されたら、それをキャンバス上に表現する。少し時間を取り、考えをまとめ、心をクリアにする。作成されたデザイン哲学と以下の指示を使用して、哲学のすべての側面を専門家の職人技で具現化した傑作を練り上げる。

重要:あらゆるタイプのコンテンツについて、たとえユーザーが映画/ゲーム/本に関するものをリクエストした場合でも、アプローチは依然として洗練されているべきである。これはアートであるべきであり、漫画っぽいものやアマチュア的なものではないという考えを見失ってはならない。

美術館や雑誌品質の作品を作成するには、デザイン哲学を基盤として使用する。単一ページで、高度に視覚的で、デザイン重視のPDFまたはPNG出力を作成する(複数ページが要求されない限り)。一般的に、反復パターンと完璧な形状を使用する。抽象的な哲学的なデザインを、あたかも科学的なバイブルであるかのように扱い、系統的観察の視覚言語を借りる - 密集したマークの蓄積、繰り返される要素、または忍耐強い反復を通して意味を構築し、持続的な鑑賞に報いる層状のパターン。まばらで臨床的なタイポグラフィと体系的な参照マーカーを追加し、これが想像上の学問分野からの図である可能性を示唆し、目に見えない主題を、観察可能な現象を記録するために通常確保される敬意と同じもので扱う。作品のアンカーとして、単純なフレーズや詳細をさりげなく配置し、意図的でまとまりのある限定されたカラーパレットを使用する。分析的な視覚言語を使用して人間の経験についてのアイデアを表現するという逆説を受け入れる:結果は、何か儚いものが注意深い注意を通して研究され、マッピングされ、理解され得ることを証明するアーティファクトのように感じられるべきである。これこそが真のアートである。

文脈的要素としてのテキスト:テキストは常に最小限で視覚優先であるが、文脈にそれがささやくような静かなラベルを意味するのか、大胆なタイポグラフィのジェスチャーを意味するのかを判断させる。パンク会場のポスターは、ミニマリストの陶芸スタジオのアイデンティティよりも大きく、より攻撃的なタイプを持つかもしれない。ほとんどの場合、フォントは細くあるべきである。フォントの使用はすべてデザイン重視で、視覚的コミュニケーションを優先しなければならない。テキストのスケールに関わらず、何もページからはみ出さず、何も重ならない。すべての要素は、適切なマージンを持ってキャンバス境界内に収められなければならない。すべてのテキスト、グラフィック、視覚要素に余裕と明確な分離があることを注意深く確認する。これはプロフェッショナルな実行のための譲れない条件である。重要:テキストを書く場合は異なるフォントを使用すること。./canvas-fontsディレクトリを検索すること。アプローチに関わらず、洗練さは譲れない。

これを実現するために必要なフォントをダウンロードして使用する。タイポグラフィを実際にアート自体の一部にすることで創造性を発揮する - アートが抽象的な場合、フォントをキャンバスに持ち込み、デジタルでタイプセットしない。

限界を押し広げるために、哲学を指針として使用しながら、デザインの本能/直感に従う。究極のデザインの自由と選択を受け入れる。美学とデザインのフロンティアを押し進める。

重要:人間が作り出した品質(AI生成ではない)を達成するために、数え切れないほどの時間をかけたように見える作品を作成する。その分野の絶対的な最高峰の人物が、すべての細部を苦痛を伴う注意で練り上げたように見せかける。構成、スペーシング、色彩選択、タイポグラフィ - すべてが専門家レベルの職人技を叫ぶものであることを確認する。何も重なっていないこと、フォーマットが完璧であること、すべての細部が完璧であることを再確認する。人々に見せて専門性を証明し、紛れもなく印象的であると評価されるものを作成する。

最終結果は、使用されたデザイン哲学(.mdファイル)とともに、単一のダウンロード可能な.pdfまたは.pngファイルとして出力する。


最終ステップ

重要:ユーザーはすでに「完璧ではない。極めて精巧で、まるで美術館に展示されるかのような、職人技の傑作でなければならない」と言っています。

重要:作品を洗練するために、グラフィックを追加するのではなく、作成されたものを洗練し、デザイン哲学とミニマリズムの原則を完全に尊重して、非常に鮮明にする。楽しいフィルターを追加したり、フォントをリファクタリングしたりする代わりに、既存の構成をアートとより調和させる方法を検討する。新しい関数を呼び出したり、新しい形状を描いたりする衝動に駆られたら、立ち止まって代わりにこう自問する:「すでにあるものを、どのようにしてもっとアート作品にできるか?」

2回目のパスを実行する。コードに戻り、これを哲学的にデザインされた傑作にするためにさらに洗練/研磨する。

複数ページオプション

要求された場合に追加ページを作成するには、デザイン哲学と同様でありながらも明確に異なる、より創造的なページを作成する。それらのページを同じ.pdfまたは複数の.pngにバンドルする。最初のページは、満たされるのを待っている大きなコーヒーテーブルブックの中の単なる1ページとして扱う。次のページは、オリジナルのユニークなひねりと記憶にする。非常に洗練された方法で、ほとんど物語を語るようにする。完全な創造的自由を行使する。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

aiskillstore/marketplace

Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.

aiskillstore/marketplace

Auto-loaded context for Portfolio Buddy 2 development. Use for ANY task involving: React 19 development, TypeScript, portfolio analysis features, metrics calculations, trading strategy comparison, or working with the Portfolio Buddy 2 codebase. Contains tech stack, known issues, and architectural constraints.

aiskillstore/marketplace

Use when the user asks to "pre-launch check the landing page", "run a Quality-Score preflight", or "verify ad-to-page message match before launch"; produces an ad↔page continuity report — message-match gaps, above-the-fold check, page-speed read, form-friction count, mobile-render flags — as a pass/fix punch list. Not for redesigning or rewriting the page — use landing-optimizer; not for scoring the account or the RQS — use ad-account-auditor. 落地页体验预检/广告落地页一致性检查

aiskillstore/marketplace

Use when the user asks to "optimize our landing page for influencer traffic", "fix our promo-code landing page", or "improve conversion from a creator campaign"; produces a message-match audit, page-structure and social-proof recommendations, a promo-code/CTA conversion plan, and an A/B test roadmap. Not for measuring campaign results after launch — use performance-analyzer.

aiskillstore/marketplace

Audit a landing page, sales page or checkout page for conversion leaks and return a fix list ordered by expected revenue impact. Use when asked to review, critique or improve a landing page, sales page, opt-in page, product page or checkout flow, when conversion rate is low, when paid traffic is not converting, or when someone asks "why isn't this page converting" or wants a CRO / landing page review.

aiskillstore/marketplace

This skill helps users extract GitHub repository project details and contributor contact information using keywords, stars, and update dates. Agent should proactively apply this skill when users express needs like search for GitHub projects by keywords, find top open-source contributors in specific domains, extract developer contacts from GitHub repositories, discover trending repositories with high stars, gather contributor profiles and social links for tech recruiting, retrieve GitHub project descriptions and metrics, build developer communities by finding active contributors, search for repositories updated recently, collect personal website and Twitter links of developers, generate targeted leads for developer tools, or track active open-source contributors for collaboration.

aiskillstore/marketplace

Using the Wonda CLI to generate images, videos, music, and audio from the terminal — plus LinkedIn, Reddit, and X/Twitter research and automation

aiskillstore/marketplace

Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks

aiskillstore/marketplace

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

aiskillstore/marketplace

Process video files with audio extraction, format conversion (mp4, webm), and Whisper transcription. Use when user mentions video conversion, audio extraction, transcription, mp4, webm, ffmpeg, or whisper transcription.

aiskillstore/marketplace

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG/vector/code-native assets, extending an established icon or logo system, or building the visual directly in HTML/CSS/canvas.

aiskillstore/marketplace

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).

aiskillstore/marketplace

Router skill for LLMQuant portfolio workflows. Use when the user needs company profiles, thesis tracking, theme research, watchlist monitoring, or alert management.

aiskillstore/marketplace

Account assets, equity and fund positions, P&L, cash flow records, account statements, margin ratios, buy-power estimates, order management, and DCA recurring investments via Longbridge (most require Trade permission). Frameworks: portfolio diagnosis, rebalancing, asset allocation, risk analysis (VaR/CVaR), performance attribution, and tax-loss harvesting. Triggers: "持仓", "账户", "盈亏", "资产", "对账单", "下单", "买入", "卖出", "撤单", "定投", "组合诊断", "再平衡", "资产配置", "风险分析", "绩效归因", "税损收割", "持倉", "賬戶", "盈虧", "對賬單", "下單", "買入", "賣出", "組合診斷", "再平衡", "稅損收割", "positions", "portfolio", "P&L", "order", "buy", "sell", "DCA", "statement", "risk analysis", "rebalancing", "tax harvesting", "我的风险", "持仓风险", "风险敞口", "資產", "資產配置", "風險分析", "績效歸因", "撤單

aiskillstore/marketplace

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

aiskillstore/marketplace

Use for Codex models/pricing, scheduled tasks, skills, settings, setup, troubleshooting, customization, automations, and self-knowledge—including 'you,' 'your,' 'this app,' or 'this coding agent' when they refer to Codex—and for OpenAI APIs/products and ChatGPT Work. Also use for model choice/migration, prompting, SDKs, Responses, Realtime, agents, evals, and Chat/Work/Codex comparisons. Do not use for generic app/software tasks that merely mention Codex.

aiskillstore/marketplace

Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.

aiskillstore/marketplace

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

aiskillstore/marketplace

Perform a read-only, defect-first review of a specified code change and return every actionable finding. Use when another agent delegates review of uncommitted changes, a base-branch diff, a commit, or custom review instructions.

aiskillstore/marketplace

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

関連スキル