Communitygithub.com

aiskillstore/marketplace

Créez des œuvres d'art visuelles éclatantes en .png et .pdf en suivant une philosophie du design. Utilisez cette compétence lorsque l'utilisateur demande de créer une affiche, une œuvre d'art, un design ou tout autre élément statique. Créez des designs visuels originaux, sans jamais copier le travail d'artistes existants pour éviter les violations de droits d'auteur.

Qu'est-ce que marketplace ?

Cette compétence pour agents IA (compatible avec Claude Code, Cursor, Codex) guide la création d'œuvres d'art visuelles originales allant d'affiches à des pièces de design abstrait. Le processus se déroule en deux phases : d'abord, la création d'une philosophie du design (un manifeste esthétique) sous forme de fichier .md, puis son expression visuelle via un fichier .pdf ou .png. La philosophie, rédigée en 4 à 6 paragraphes, définit les principes esthétiques (espace, couleur, composition, typographie minimale) et insiste sur un niveau d'exécution expert — l'œuvre finale doit sembler le fruit d'innombrables heures de travail minutieux. L'agent utilise ensuite cette philosophie pour générer une composition visuelle sophistiquée sur une toile, en intégrant des références subtiles (cachées dans la forme et la couleur), en utilisant des polices téléchargées depuis le dossier `./canvas-fonts`, et en respectant des règles strictes de disposition (espaces, marges, non-chevauchement). La sortie finale est un fichier .pdf ou .png unique (ou plusieurs pages si demandé), accompagné du fichier .md de la philosophie. La compétence met fortement l'accent sur l'originalité, l'artisanat, et l'absence de plagiat.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Voici les instructions pour créer des philosophies du design — des mouvements esthétiques qui sont ensuite EXPRIMÉS VISUELLEMENT. Produisez uniquement des fichiers .md, .pdf et .png.

Effectuez ceci en deux étapes :

  1. Création de la philosophie du design (fichier .md)
  2. Expression en la créant sur une toile (fichier .pdf ou .png)

Commencez par cette tâche :

CRÉATION DE LA PHILOSOPHIE DU DESIGN

Pour commencer, créez une PHILOSOPHIE VISUELLE (pas des mises en page ou des modèles) qui sera interprétée à travers :

  • Forme, espace, couleur, composition
  • Images, graphismes, formes, motifs
  • Texte minimal comme accent visuel

LA COMPRÉHENSION CRITIQUE

  • Ce qui est reçu : Une entrée ou des instructions subtiles de la part de l'utilisateur qui doivent être prises en compte, mais utilisées comme fondation ; cela ne doit pas contraindre la liberté créative.
  • Ce qui est créé : Une philosophie du design / un mouvement esthétique.
  • Ce qui se passe ensuite : Ensuite, la même version reçoit la philosophie et L'EXPRIME VISUELLEMENT — créant des artefacts qui sont 90% design visuel, 10% texte essentiel.

Considérez cette approche :

  • Rédigez un manifeste pour un mouvement artistique
  • La phase suivante consiste à réaliser l'œuvre d'art

La philosophie doit mettre l'accent sur : L'expression visuelle. La communication spatiale. L'interprétation artistique. Des mots minimaux.

COMMENT GÉNÉRER UNE PHILOSOPHIE VISUELLE

Nommez le mouvement (1-2 mots) : « Joie Brutaliste » / « Silence Chromatique » / « Rêves Métabolistes »

Articulez la philosophie (4-6 paragraphes — concis mais complets) :

Pour capturer l'ESSENCE VISUELLE, exprimez comment la philosophie se manifeste à travers :

  • Espace et forme
  • Couleur et matière
  • Échelle et rythme
  • Composition et équilibre
  • Hiérarchie visuelle

CONSIGNES CRITIQUES :

  • Évitez la redondance : Chaque aspect du design doit être mentionné une fois. Évitez de répéter des points sur la théorie des couleurs, les relations spatiales ou les principes typographiques à moins d'ajouter une nouvelle profondeur.
  • Soulignez l'artisanat À PLUSIEURS REPRISES : La philosophie DOIT insister plusieurs fois sur le fait que l'œuvre finale doit sembler avoir pris d'innombrables heures à créer, avoir été travaillée avec soin, et provenir de quelqu'un au sommet de son domaine. Ce cadrage est essentiel — répétez des phrases comme « méticuleusement conçu », « le fruit d'une expertise approfondie », « une attention minutieuse », « une exécution de niveau maître ».
  • Laissez un espace créatif : Restez spécifique quant à la direction esthétique, mais suffisamment concis pour que le prochain Claude ait de la marge pour faire des choix interprétatifs également à un niveau d'artisanat extrêmement élevé.

La philosophie doit guider la prochaine version pour exprimer des idées VISUELLEMENT, pas par le texte. L'information vit dans le design, pas dans les paragraphes.

EXEMPLES DE PHILOSOPHIES

« Poésie Concrète » Philosophie : Communication par la forme monumentale et la géométrie audacieuse. Expression visuelle : Blocs de couleur massifs, typographie sculpturale (mots uniques énormes, petites étiquettes), divisions spatiales brutalistes, énergie d'affiche polonaise rencontre Le Corbusier. Idées exprimées par le poids visuel et la tension spatiale, pas par l'explication. Texte rare comme geste puissant — jamais de paragraphes, seulement des mots essentiels intégrés dans l'architecture visuelle. Chaque élément placé avec la précision d'un maître artisan.

« Langage Chromatique » Philosophie : La couleur comme système d'information principal. Expression visuelle : Précision géométrique où les zones de couleur créent du sens. Typographie minimale — petites étiquettes sans empattement laissant les champs chromatiques communiquer. Pensez à l'interaction de Josef Albers rencontre la visualisation de données. Information encodée spatialement et chromatiquement. Des mots uniquement pour ancrer ce que la couleur montre déjà. Le résultat d'un calibrage chromatique minutieux.

« Méditation Analogique » Philosophie : Contemplation visuelle silencieuse à travers la texture et l'espace de respiration. Expression visuelle : Grain de papier, bavures d'encre, vaste espace négatif. Photographie et illustration dominent. Typographie chuchotée (petite, retenue, au service du visuel). Esthétique du livre photo japonais. Les images respirent à travers les pages. Le texte apparaît avec parcimonie — phrases courtes, jamais de blocs explicatifs. Chaque composition équilibrée avec le soin d'une pratique de méditation.

« Systèmes Organiques » Philosophie : Regroupements naturels et motifs de croissance modulaire. Expression visuelle : Formes arrondies, arrangements organiques, couleur issue de la nature à travers l'architecture. Information montrée par des diagrammes visuels, des relations spatiales, de l'iconographie. Texte uniquement pour les étiquettes clés flottant dans l'espace. La composition raconte l'histoire par une orchestration spatiale experte.

« Silence Géométrique » Philosophie : Ordre pur et retenue. Expression visuelle : Précision basée sur une grille, photographie audacieuse ou graphismes austères, espace négatif dramatique. Typographie précise mais minimale — petits textes essentiels, grandes zones silencieuses. Le formalisme suisse rencontre l'honnêteté matérielle brutaliste. La structure communique, pas les mots. Chaque alignement est le fruit d'innombrables raffinements.

Ce sont des exemples condensés. La philosophie du design réelle doit comporter 4 à 6 paragraphes substantiels.

PRINCIPES ESSENTIELS

  • PHILOSOPHIE VISUELLE : Créez une vision esthétique du monde à exprimer à travers le design
  • TEXTE MINIMAL : Insistez toujours sur le fait que le texte est rare, essentiel uniquement, intégré comme élément visuel — jamais long
  • EXPRESSION SPATIALE : Les idées communiquent à travers l'espace, la forme, la couleur, la composition — pas les paragraphes
  • LIBERTÉ ARTISTIQUE : Le prochain Claude interprète la philosophie visuellement — laissez de la marge créative
  • DESIGN PUR : Il s'agit de créer des OBJETS D'ART, pas des documents avec décoration
  • ARTISANAT EXPERT : Insistez à plusieurs reprises sur le fait que l'œuvre finale doit sembler méticuleusement conçue, travaillée avec soin, le fruit d'innombrables heures par quelqu'un au sommet de son domaine

La philosophie du design doit comporter 4 à 6 paragraphes. Remplissez-la d'une philosophie du design poétique qui rassemble la vision centrale. Évitez de répéter les mêmes points. Gardez la philosophie du design générique sans mentionner l'intention de l'art, comme si elle pouvait être utilisée n'importe où. Produisez la philosophie du design sous forme de fichier .md.


DÉDUCTION DE LA RÉFÉRENCE SUBTILE

ÉTAPE CRITIQUE : Avant de créer la toile, identifiez le fil conceptuel subtil de la demande originale.

LE PRINCIPE ESSENTIEL : Le sujet est une référence subtile et de niche intégrée dans l'art lui-même — pas toujours littérale, toujours sophistiquée. Une personne familière avec le sujet doit la ressentir intuitivement, tandis que les autres vivent simplement une composition abstraite magistrale. La philosophie du design fournit le langage esthétique. Le sujet déduit fournit l'âme — l'ADN conceptuel discret tissé invisiblement dans la forme, la couleur et la composition.

C'est TRÈS IMPORTANT : La référence doit être raffinée pour qu'elle enrichisse la profondeur de l'œuvre sans s'annoncer. Pensez comme un musicien de jazz qui cite une autre chanson — seuls ceux qui connaissent la remarqueront, mais tout le monde apprécie la musique.


CRÉATION DE LA TOILE

Avec la philosophie et le cadre conceptuel établis, exprimez-la sur une toile. Prenez un moment pour rassembler vos pensées et vider votre esprit. Utilisez la philosophie du design créée et les instructions ci-dessous pour réaliser un chef-d'œuvre, incarnant tous les aspects de la philosophie avec un artisanat expert.

IMPORTANT : Pour tout type de contenu, même si l'utilisateur demande quelque chose pour un film/jeu/livre, l'approche doit rester sophistiquée. Ne perdez jamais de vue l'idée que cela doit être de l'art, pas quelque chose de cartoon ou d'amateur.

Pour créer une œuvre de qualité musée ou magazine, utilisez la philosophie du design comme fondation. Créez une seule page, très visuelle, une sortie PDF ou PNG orientée design (sauf demande de plusieurs pages). Utilisez généralement des motifs répétés et des formes parfaites. Traitez le design philosophique abstrait comme s'il s'agissait d'une bible scientifique, en empruntant le langage visuel de l'observation systématique — accumulation dense de marques, éléments répétés ou motifs en couches qui construisent du sens par une répétition patiente et récompensent une visualisation soutenue. Ajoutez une typographie clinique et clairsemée et des marqueurs de référence systématiques qui suggèrent qu'il pourrait s'agir d'un diagramme d'une discipline imaginaire, traitant le sujet invisible avec la même révérence habituellement réservée à la documentation de phénomènes observables. Ancrez la pièce avec une ou plusieurs phrases simples ou détails positionnés subtilement, en utilisant une palette de couleurs limitée qui semble intentionnelle et cohérente. Embrassez le paradoxe d'utiliser un langage visuel analytique pour exprimer des idées sur l'expérience humaine : le résultat doit ressembler à un artefact qui prouve que quelque chose d'éphémère peut être étudié, cartographié et compris par une attention soutenue. C'est du véritable art.

Le texte comme élément contextuel : Le texte est toujours minimal et d'abord visuel, mais laissez le contexte guider si cela signifie des étiquettes discrètes ou des gestes typographiques audacieux. Une affiche de salle de concert punk peut avoir un texte plus grand et plus agressif qu'une identité d'atelier de céramique minimaliste. La plupart du temps, la police doit être fine. Toute utilisation de polices doit être orientée design et prioriser la communication visuelle. Quelle que soit l'échelle du texte, rien ne tombe de la page et rien ne se chevauche. Chaque élément doit être contenu dans les limites de la toile avec des marges appropriées. Vérifiez soigneusement que tous les textes, graphismes et éléments visuels ont de l'espace pour respirer et une séparation claire. Ceci est non-négociable pour une exécution professionnelle. IMPORTANT : Utilisez différentes polices si vous écrivez du texte. Cherchez dans le répertoire ./canvas-fonts. Quelle que soit l'approche, la sophistication est non-négociable.

Téléchargez et utilisez toutes les polices nécessaires pour concrétiser cela. Soyez créatif en faisant en sorte que la typographie fasse réellement partie de l'art lui-même — si l'art est abstrait, amenez la police sur la toile, ne la composez pas numériquement.

Pour repousser les limites, suivez votre instinct / intuition de design tout en utilisant la philosophie comme principe directeur. Adoptez une liberté et un choix de design ultimes. Repoussez l'esthétique et le design jusqu'à la frontière.

CRITIQUE : Pour obtenir une qualité artisanale humaine (pas générée par IA), créez un travail qui semble avoir pris d'innombrables heures. Faites en sorte qu'il ait l'air d'avoir été réalisé par quelqu'un au sommet absolu de son domaine qui a travaillé chaque détail avec un soin minutieux. Assurez-vous que la composition, l'espacement, les choix de couleurs, la typographie — tout crie le niveau d'expertise. Revérifiez que rien ne se chevauche, que le formatage est impeccable, que chaque détail est parfait. Créez quelque chose qui pourrait être montré aux gens pour prouver votre expertise et être classé comme indéniablement impressionnant.

Produisez le résultat final sous forme d'un seul fichier .pdf ou .png téléchargeable, accompagné de la philosophie du design utilisée sous forme de fichier .md.


ÉTAPE FINALE

IMPORTANT : L'utilisateur a DÉJÀ dit « Ce n'est pas assez parfait. Cela doit être immaculé, un chef-d'œuvre d'artisanat, comme s'il était sur le point d'être exposé dans un musée. »

CRITIQUE : Pour affiner le travail, évitez d'ajouter plus de graphismes ; raffinez plutôt ce qui a été créé et rendez-le extrêmement net, en respectant la philosophie du design et les principes du minimalisme dans leur intégralité. Plutôt que d'ajouter un filtre amusant ou de refondre une police, demandez-vous comment rendre la composition existante plus cohérente avec l'art. Si l'instinct est d'appeler une nouvelle fonction ou de dessiner une nouvelle forme, ARRÊTEZ-VOUS et demandez plutôt : « Comment puis-je faire de ce qui est déjà là une œuvre d'art plus aboutie ? »

Reprenez une deuxième passe. Revenez au code et raffinez/polissez davantage pour en faire un chef-d'œuvre philosophiquement conçu.

OPTION MULTI-PAGE

Pour créer des pages supplémentaires si demandé, créez des pages plus créatives dans la même veine que la philosophie du design mais aussi distinctement différentes. Regroupez ces pages dans le même .pdf ou plusieurs .png. Traitez la première page comme une simple page dans tout un livre de table basse qui attend d'être rempli. Faites des pages suivantes des variations uniques et des souvenirs de l'original. Laissez-les presque raconter une histoire d'une manière très élégante. Exercez une liberté créative totale.

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.

Skills associés