canvas-design

Par elophanto · elophanto

Créez de superbes visuels en documents .png et .pdf en appliquant une philosophie de design. Utilisez cette compétence lorsque l'utilisateur demande la création d'une affiche, d'une œuvre artistique, d'un design ou de tout autre élément statique. Créez des designs visuels originaux, sans jamais copier le travail d'artistes existants afin d'éviter toute violation de droits d'auteur.

npx skills add https://github.com/elophanto/elophanto --skill canvas-design

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

Accomplir cela en deux étapes :

  1. Création de la Philosophie de Design (fichier .md)
  2. Exprimer en la créant sur un canvas (fichier .pdf ou .png)

Commencez par cette tâche :

Déclencheurs

  • canvas
  • poster
  • flyer
  • banner
  • infographie
  • illustration
  • graphic design
  • image
  • diagramme
  • visuel
  • png
  • pdf
  • art
  • design document
  • certificat

CRÉATION DE LA PHILOSOPHIE DE DESIGN

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

  • 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 subtile ou des instructions de l'utilisateur à prendre en compte, mais utilisées comme fondation ; elles ne doivent pas contraindre la liberté créative.
  • Ce qui est créé : Une philosophie de design / un mouvement esthétique.
  • Ce qui suit : 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édiger un manifeste pour un mouvement artistique
  • La phase suivante implique de créer l'œuvre d'art

La philosophie doit souligner : Expression visuelle. Communication spatiale. Interprétation artistique. Mots minimes.

COMMENT GÉNÉRER UNE PHILOSOPHIE VISUELLE

Nommez le mouvement (1-2 mots) : "Brutalist Joy" / "Chromatic Silence" / "Metabolist Dreams"

Articlez la philosophie (4-6 paragraphes - concis mais complet) :

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

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

DIRECTIVES CRITIQUES :

  • Éviter la redondance : Chaque aspect de design doit être mentionné une fois. Éviter de répéter les points sur la théorie des couleurs, les relations spatiales ou les principes typographiques sauf pour ajouter une profondeur nouvelle.
  • Souligner l'artisanat RÉPÉTÉMENT : La philosophie DOIT insister plusieurs fois sur le fait que le travail final doit sembler avoir pris d'innombrables heures pour être créé, avoir été travaillé avec soin, et provenir de quelqu'un au sommet absolu de son domaine. Ce cadrage est essentiel - répéter des phrases comme « méthodiquement élaboré », « le produit d'une expertise profonde », « attention métticuleuse », « exécution de niveau maître ».
  • Laisser de l'espace créatif : Rester spécifique quant à la direction esthétique, mais concis suffisamment pour que la prochaine Claude ait de la place pour faire des choix interprétatifs aussi à un niveau extrêmement élevé d'artisanat.

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

EXEMPLES DE PHILOSOPHIE

« Concrete Poetry » Philosophie : Communication par la forme monumentale et la géométrie audacieuse. Expression visuelle : Blocs de couleurs massifs, typographie sculpturale (mots énormes, petites étiquettes), divisions spatiales brutalistes, énergie de l'affiche polonaise rencontre Le Corbusier. Les idées exprimées par le poids visuel et la tension spatiale, pas par l'explication. Texte comme geste rare et puissant - jamais de paragraphes, seulement les mots essentiels intégrés à l'architecture visuelle. Chaque élément placé avec la précision d'un maître artisan.

« Chromatic Language » Philosophie : La couleur comme système d'information principal. Expression visuelle : Précision géométrique où les zones chromatiques créent du sens. Typographie minime - petites étiquettes sans-serif laissant les champs chromatiques communiquer. Pensez à l'interaction de Josef Albers rencontre la visualisation de données. Information codée spatialement et chromatiquement. Mots uniquement pour ancrer ce que la couleur montre déjà. Le résultat d'un étalonnage chromatique méticuleux.

« Analog Meditation » Philosophie : Contemplation visuelle calme par la texture et l'espace respirant. Expression visuelle : Grain du papier, saignées d'encre, vaste espace négatif. Photographie et illustration dominent. Typographie chuchotée (petite, retenue, servant le visuel). Esthétique du photobook japonais. Les images respirent à travers les pages. Le texte apparaît rarement - de courtes phrases, jamais des blocs explicatifs. Chaque composition équilibrée avec le soin d'une pratique méditative.

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

« Geometric Silence » Philosophie : Pur ordre et retenue. Expression visuelle : Précision basée sur la grille, photographie audacieuse ou graphismes épurés, espace négatif dramatique. Typographie précise mais minime - texte essentiel petit, grandes zones calmes. Formalisme suisse rencontre l'honnêteté matérielle brutaliste. La structure communique, pas les mots. Chaque alignement le fruit d'innombrables perfectionnements.

Ce sont des exemples condensés. La philosophie de design réelle doit faire 4-6 paragraphes substantiels.

PRINCIPES ESSENTIELS

  • PHILOSOPHIE VISUELLE : Créer une vision du monde esthétique à exprimer par le design
  • TEXTE MINIMAL : Toujours souligner que le texte est rare, essentiel uniquement, intégré comme élément visuel - jamais long
  • EXPRESSION SPATIALE : Les idées communiquent par l'espace, la forme, la couleur, la composition - pas par des paragraphes
  • LIBERTÉ ARTISTIQUE : La prochaine Claude interprète la philosophie visuellement - fournir de l'espace créatif
  • PUR DESIGN : Ceci parle de créer des OBJETS D'ART, pas des documents avec décoration
  • ARTISANAT EXPERT : Souligner répétément que le travail final doit sembler méthodiquement élaboré, travaillé avec soin, le produit d'innombrables heures par quelqu'un au sommet de son domaine

La philosophie de design doit faire 4-6 paragraphes. La remplir d'une philosophie de design poétique qui rassemble la vision centrale. Éviter de répéter les mêmes points. Garder la philosophie de design générique sans mentionner l'intention de l'art, comme si elle pouvait être utilisée n'importe où. Retourner la philosophie de design en tant que fichier .md.


DÉDUCTION DE LA RÉFÉRENCE SUBTILE

ÉTAPE CRITIQUE : Avant de créer le canvas, identifier 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 à l'art lui-même - jamais littérale, toujours sophistiquée. Quelqu'un familiarisé avec le sujet doit la sentir intuitivement, tandis que d'autres expérimentent simplement une composition abstraite magistrale. La philosophie de design fournit le langage esthétique. Le sujet déduit fournit l'âme - l'ADN conceptuel calme 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 améliore la profondeur de l'œuvre sans s'annoncer. Pensez comme un musicien de jazz citant une autre chanson - seuls ceux qui connaissent la reconnaîtront, mais tout le monde apprécie la musique.


CRÉATION DU CANVAS

Avec la philosophie et le cadre conceptuel établis, l'exprimer sur un canvas. Prendre un moment pour rassembler les pensées et clarifier l'esprit. Utiliser la philosophie de design créée et les instructions ci-dessous pour créer 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 jamais perdre de vue que ceci doit être de l'art, pas quelque chose de caricatural ou amateur.

Pour créer un travail de qualité musée ou magazine, utiliser la philosophie de design comme fondation. Créer une seule page, hautement visuelle, orientée design, en sortie PDF ou PNG (sauf demande de plusieurs pages). Généralement utiliser des motifs répétitifs et des formes parfaites. Traiter le design philosophique abstrait comme s'il était une bible scientifique, 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 la répétition patiente et récompensent la vision prolongée. Ajouter une typographie cllinique rare et des marqueurs de référence systématiques qui suggèrent que ceci pourrait être un diagramme d'une discipline imaginaire, traitant le sujet invisible avec la même révérence généralement réservée à la documentation des phénomènes observables. Ancrer la pièce avec une ou plusieurs phrases simples ou détails positionnés subtilement, utilisant une palette de couleurs limitée qui se ressent intentionnelle et cohésive. Embrasser le paradoxe d'utiliser un langage visuel analytique pour exprimer des idées sur l'expérience humaine : le résultat doit sembler être un artefact qui prouve que quelque chose d'éphémère peut être étudié, cartographié et compris par une attention attentive. C'est du vrai art.

Texte comme élément contextuel : Le texte est toujours minimal et visuellement au premier plan, mais laisser le contexte guider si cela signifie des étiquettes discrètement murmurées ou des gestes typographiques audacieux. Une affiche de punk venue peut avoir un type plus grand et plus agressif qu'une identité de studio de céramique minimaliste. La plupart du temps, la police doit être fine. Tout usage de polices doit être design-forward et prioriser la communication visuelle. Indépendamment de l'échelle du texte, rien ne tombe hors de la page et rien ne se chevauche. Chaque élément doit être contenu dans les limites du canvas avec des marges appropriées. Vérifier attentivement que tout le texte, les graphismes et les éléments visuels ont de l'espace respirant et une séparation claire. C'est non-négociable pour une exécution professionnelle. IMPORTANT : Utiliser des polices différentes si écrire du texte. Chercher dans le répertoire ./canvas-fonts. Indépendamment de l'approche, la sophistication est non-négociable.

Télécharger et utiliser quelles que soient les polices nécessaires pour réaliser cela. Être créatif en rendant la typographie vraiment partie de l'art lui-même - si l'art est abstrait, amener la police sur le canvas, pas typeset numériquement.

Pour repousser les limites, suivre l'instinct/l'intuition de design tout en utilisant la philosophie comme principe directeur. Embrasser la liberté de choix et le design ultime. Repousser l'esthétique et le design vers la frontière.

CRITIQUE : Pour obtenir une qualité travail humain (pas généré par IA), créer un travail qui semble avoir pris d'innombrables heures. Faire en sorte qu'il apparaisse comme quelqu'un au sommet absolu de son domaine a travaillé sur chaque détail avec soin méticuleux. S'assurer que la composition, l'espacement, les choix de couleur - tout crie l'artisanat de niveau expert. Double-vérifier que rien ne se chevauche, le formatage est impeccable, chaque détail parfait. Créer quelque chose qui pourrait être montré aux gens pour prouver l'expertise et se classer comme indubitablement impressionnant.

Retourner le résultat final en tant que fichier .pdf ou .png unique et téléchargeable, aux côtés de la philosophie de design utilisée en tant que fichier .md.


ÉTAPE FINALE

IMPORTANT : L'utilisateur A DÉJÀ dit « Ce n'est pas assez parfait. Cela doit être pristine, 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, éviter d'ajouter plus de graphismes ; à la place affiner ce qui a été créé et le rendre extrêmement net, respectant la philosophie de design et les principes du minimalisme entièrement. Plutôt que d'ajouter un filtre amusant ou de refactoriser une police, considérer comment rendre la composition existante plus une pièce d'art. Si l'instinct est d'appeler une nouvelle fonction ou de dessiner une nouvelle forme, S'ARRÊTER et plutôt demander : « Comment puis-je rendre ce qui est déjà ici plus une pièce d'art ? »

Prendre une deuxième passe. Revenir au code et affiner/polir davantage pour faire de ceci un chef-d'œuvre philosophiquement conçu.

OPTION MULTI-PAGE

Pour créer des pages supplémentaires quand demandé, créer plus de pages créatives le long des mêmes lignes que la philosophie de design mais distinctement différentes aussi. Empaqueter ces pages dans le même .pdf ou plusieurs .pngs. Traiter la première page comme juste une page unique dans un livre de table à café entier en attente d'être rempli. Faire les prochaines pages des twists uniques et des mémoires de l'original. Les faire presque raconter une histoire d'une manière très savoureuse. Exercer la liberté créative complète.

Vérifier

  • Le changement a été rendu dans un navigateur/simulateur et une capture d'écran ou un snapshot DOM a été capturé, pas juste une révision de code
  • La mise en page a été vérifiée aux points d'arrêt que le guide de conception du canvas appelle (mobile + desktop minimum) ; la preuve de chacun est jointe
  • Les valeurs de couleur, typographie et espacement utilisées proviennent des jetons de conception / thème du projet, pas des valeurs ad-hoc hard-codées
  • La navigation au clavier et l'ordre de focus ont été exercés sur chaque élément interactif introduit
  • Les variantes motion réduite / mode sombre (quand supportées) ont été vérifiées, pas supposées hériter
  • Aucune erreur de console ni avertissements d'hydratation n'ont été émis pendant le rendu de vérification

Skills similaires