本文へ移動
cccskills
無料GitHub で公開

canvas-design

Create museum-quality visual art through design philosophy. Generate original visual designs, posters, and artwork as PDFs or PNGs using sophisticated aesthetic movements and expert-level craftsmanship.

インストール方法を見る

含まれるファイル(82)

  • SKILL.md7.0 KB
  • canvas-fonts/ArsenalSC-OFL.txt4.3 KB
  • canvas-fonts/ArsenalSC-Regular.ttf162.0 KB
  • canvas-fonts/BigShoulders-Bold.ttf92.3 KB
  • canvas-fonts/BigShoulders-OFL.txt4.3 KB
  • canvas-fonts/BigShoulders-Regular.ttf92.2 KB
  • canvas-fonts/Boldonse-OFL.txt4.3 KB
  • canvas-fonts/Boldonse-Regular.ttf75.4 KB
  • canvas-fonts/BricolageGrotesque-Bold.ttf88.8 KB
  • canvas-fonts/BricolageGrotesque-OFL.txt4.3 KB
  • canvas-fonts/BricolageGrotesque-Regular.ttf88.8 KB
  • canvas-fonts/CrimsonPro-Bold.ttf104.8 KB
  • canvas-fonts/CrimsonPro-Italic.ttf106.3 KB
  • canvas-fonts/CrimsonPro-OFL.txt4.3 KB
  • canvas-fonts/CrimsonPro-Regular.ttf104.2 KB
  • canvas-fonts/DMMono-OFL.txt4.3 KB
  • canvas-fonts/DMMono-Regular.ttf47.7 KB
  • canvas-fonts/EricaOne-OFL.txt4.3 KB
  • canvas-fonts/EricaOne-Regular.ttf24.3 KB
  • canvas-fonts/GeistMono-Bold.ttf76.5 KB
  • canvas-fonts/GeistMono-OFL.txt4.3 KB
  • canvas-fonts/GeistMono-Regular.ttf76.4 KB
  • canvas-fonts/Gloock-OFL.txt4.3 KB
  • canvas-fonts/Gloock-Regular.ttf92.9 KB
  • canvas-fonts/IBMPlexMono-Bold.ttf132.8 KB
  • canvas-fonts/IBMPlexMono-OFL.txt4.3 KB
  • canvas-fonts/IBMPlexMono-Regular.ttf130.7 KB
  • canvas-fonts/IBMPlexSerif-Bold.ttf157.2 KB
  • canvas-fonts/IBMPlexSerif-BoldItalic.ttf165.9 KB
  • canvas-fonts/IBMPlexSerif-Italic.ttf166.0 KB
  • canvas-fonts/IBMPlexSerif-Regular.ttf156.6 KB
  • canvas-fonts/InstrumentSans-Bold.ttf66.5 KB
  • canvas-fonts/InstrumentSans-BoldItalic.ttf68.4 KB
  • canvas-fonts/InstrumentSans-Italic.ttf68.3 KB
  • canvas-fonts/InstrumentSans-OFL.txt4.3 KB
  • canvas-fonts/InstrumentSans-Regular.ttf66.4 KB
  • canvas-fonts/InstrumentSerif-Italic.ttf69.2 KB
  • canvas-fonts/InstrumentSerif-Regular.ttf67.7 KB
  • canvas-fonts/Italiana-OFL.txt4.3 KB
  • canvas-fonts/Italiana-Regular.ttf26.5 KB
  • canvas-fonts/JetBrainsMono-Bold.ttf112.1 KB
  • canvas-fonts/JetBrainsMono-OFL.txt4.3 KB
  • canvas-fonts/JetBrainsMono-Regular.ttf112.2 KB
  • canvas-fonts/Jura-Light.ttf150.7 KB
  • canvas-fonts/Jura-Medium.ttf150.9 KB
  • canvas-fonts/Jura-OFL.txt4.3 KB
  • canvas-fonts/LibreBaskerville-OFL.txt4.3 KB
  • canvas-fonts/LibreBaskerville-Regular.ttf144.1 KB
  • canvas-fonts/Lora-Bold.ttf130.7 KB
  • canvas-fonts/Lora-BoldItalic.ttf137.0 KB
  • canvas-fonts/Lora-Italic.ttf136.1 KB
  • canvas-fonts/Lora-OFL.txt4.3 KB
  • canvas-fonts/Lora-Regular.ttf130.8 KB
  • canvas-fonts/NationalPark-Bold.ttf77.4 KB
  • canvas-fonts/NationalPark-OFL.txt4.3 KB
  • canvas-fonts/NationalPark-Regular.ttf74.6 KB
  • canvas-fonts/NothingYouCouldDo-OFL.txt4.3 KB
  • canvas-fonts/NothingYouCouldDo-Regular.ttf31.3 KB
  • canvas-fonts/Outfit-Bold.ttf54.1 KB
  • canvas-fonts/Outfit-OFL.txt4.3 KB
  • canvas-fonts/Outfit-Regular.ttf53.6 KB
  • canvas-fonts/PixelifySans-Medium.ttf49.9 KB
  • canvas-fonts/PixelifySans-OFL.txt4.3 KB
  • canvas-fonts/PoiretOne-OFL.txt4.3 KB
  • canvas-fonts/PoiretOne-Regular.ttf44.2 KB
  • canvas-fonts/RedHatMono-Bold.ttf33.6 KB
  • canvas-fonts/RedHatMono-OFL.txt4.3 KB
  • canvas-fonts/RedHatMono-Regular.ttf33.7 KB
  • canvas-fonts/Silkscreen-OFL.txt4.3 KB
  • canvas-fonts/Silkscreen-Regular.ttf31.2 KB
  • canvas-fonts/SmoochSans-Medium.ttf58.3 KB
  • canvas-fonts/SmoochSans-OFL.txt4.3 KB
  • canvas-fonts/Tektur-Medium.ttf74.5 KB
  • canvas-fonts/Tektur-OFL.txt4.3 KB
  • canvas-fonts/Tektur-Regular.ttf73.8 KB
  • canvas-fonts/WorkSans-Bold.ttf186.8 KB
  • canvas-fonts/WorkSans-BoldItalic.ttf171.7 KB
  • canvas-fonts/WorkSans-Italic.ttf170.2 KB
  • canvas-fonts/WorkSans-OFL.txt4.3 KB
  • canvas-fonts/WorkSans-Regular.ttf184.5 KB
  • canvas-fonts/YoungSerif-OFL.txt4.3 KB
  • canvas-fonts/YoungSerif-Regular.ttf102.7 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Canvas Design

Use This Skill When

  • Creating original visual art, posters, or design pieces
  • User requests visual design without specific templates
  • Designing with a particular aesthetic or philosophical approach
  • Creating artwork for albums, events, publications, or galleries
  • Building visual identities or design systems
  • Crafting sophisticated, exhibition-quality graphics

When NOT to Use

  • User wants existing artwork recreated or copied
  • Generic document decoration or template application
  • When copyright or originality concerns exist
  • Non-visual design tasks (copywriting, layout without artistry)
  • User explicitly requests simple, amateur designs

Context: Design Mastery

Undeveloped: Generic graphics, obvious templating, amateur execution, heavy text-reliant design.

Target: Original visual philosophy expressed through expert composition, minimal text, sophisticated aesthetic movement.

Optimized: Museum-quality artwork with masterful craftsmanship, perfect execution, refined aesthetic vision, professional presentation.

Core Principle

Exceptional visual design communicates through form, space, color, and composition—not text. Art objects are created through a deliberate aesthetic philosophy executed with painstaking craftsmanship, appearing as though produced by someone at the absolute top of their field.

Instructions

Phase 1: Create Design Philosophy

Step 1: Name the Movement

  • Create a 1-2 word aesthetic movement name
  • Examples: "Brutalist Joy", "Chromatic Silence", "Metabolist Dreams"
  • Should evoke a visual worldview, not a literal concept

Step 2: Write the Philosophy (4-6 paragraphs)

Express the aesthetic through these visual dimensions:

DimensionQuestions to Address
Space & FormHow does empty space function? What geometric or organic forms define the movement?
Color & MaterialWhat color palette? How do materials feel? Matte vs. glossy? Tactile qualities?
Scale & RhythmWhat's the scale relationship between elements? Repetition patterns? Cadence?
Composition & BalanceSymmetrical or asymmetrical? Central focus or distributed? Grid-based or organic?
Visual HierarchyHow does the eye move? What's emphasized? What recedes?

Critical Requirements:

  • Avoid repeating the same points about color, space, or type
  • REPEAT EMPHASIS on expert craftsmanship: "meticulously crafted," "painstaking attention," "master-level execution," "countless hours of labor"
  • Remain specific enough to guide visual direction, but leave creative interpretation room
  • Philosophy should guide future visual expression, not constrain it
  • NO LITERAL REFERENCES—purely aesthetic language

Philosophy Examples:

Concrete Poetry: Monumental form and bold geometry. Massive color blocks, sculptural typography (giant single words, tiny labels), Brutalist spatial divisions. Ideas expressed through visual weight and spatial tension. Text as rare, powerful gesture—only essential words integrated into visual architecture. Every element placed with master craftsman precision.

Chromatic Language: Color as primary information system. Geometric precision where color zones create meaning. Minimal typography—small sans-serif labels. Josef Albers meets data visualization. Information encoded spatially and chromatically. Painstaking chromatic calibration throughout.

Analog Meditation: Quiet visual contemplation through texture and breathing room. Paper grain, ink bleeds, vast negative space. Photography and illustration dominate. Typography whispered (small, restrained). Japanese photobook aesthetic. Images breathe across pages. Balanced with meditative care.

Phase 2: Deduce the Subtle Conceptual Thread

The Invisible DNA:

  • Identify subtle, refined conceptual references embedded in the art
  • NOT literal or obvious—sophisticated and intuitive
  • Familiar audiences sense it without direct reference
  • Works like a jazz musician quoting another song—only cognoscenti catch it
  • Enhances depth without announcing itself

Phase 3: Create the Canvas

Execution Principles:

PrincipleImplementation
Visual-First90% design, 10% essential text
Minimal TextOnly contextual labels or key phrases
Perfect SpacingNo overlaps, proper margins, breathing room
Sophisticated TypographyDesign-forward fonts; text as visual element
Masterful CraftsmanshipAppears meticulously crafted, labored over, expert-level
Single-Page ClarityOne cohesive, downloadable PDF or PNG (unless multi-page requested)
Professional MarginsAll elements contained within boundaries with clear separation

Design Decision Framework:

  1. Start with design philosophy as foundation
  2. Apply visual language of systematic observation
  3. Use repeating patterns and perfect shapes
  4. Build meaning through patient repetition
  5. Employ sparse, clinical typography as contextual element
  6. Select intentional, cohesive limited color palette
  7. Position key phrases/details subtly
  8. Treat composition with scientific rigor

Text Handling:

  • Context determines scale (punk poster ≠ minimalist studio identity)
  • Most fonts should be thin/elegant
  • Always design-forward and visually prioritized
  • Search ./canvas-fonts for sophisticated typefaces
  • Integrate typography as part of the art itself
  • Never overlaps or off-page elements

Craftsmanship Checklist:

  • ✓ Composition appears labored over with care
  • ✓ Spacing/alignment screams expert execution
  • ✓ Color choices feel intentional and refined
  • ✓ Typography serves the visual, not the text
  • ✓ Every detail perfect, nothing amateur
  • ✓ Looks worthy of museum or magazine feature
  • ✓ Could be shown to prove expertise

Phase 4: Multi-Page Option (if requested)

  • Create unique pages that reference original philosophy distinctly
  • Each page tells part of a larger visual story
  • Treat as pages in a coffee-table book
  • Maintain cohesive aesthetic across pages
  • Exercise full creative freedom within philosophy boundaries

Output

Deliver:

  1. Design Philosophy (MD file)

    • 4-6 paragraph manifesto of aesthetic movement
    • Visual expression guidance
    • Craftsmanship emphasis
  2. Canvas Artwork (PDF or PNG)

    • Single-page or multi-page depending on request
    • Museum-quality execution
    • Perfect spacing and formatting
    • Minimal, sophisticated typography
    • Original visual creation, never copied
  3. Execution Summary (brief, if appropriate)

    • Philosophy applied
    • Aesthetic movement demonstrated
    • Key visual decisions made
    • Conceptual thread embedded

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Automate 21risk tasks via Rube MCP (Composio). Always search tools first for current schemas.

日本語の概要は準備中です。原文の説明を表示しています。

manu14357/zskills162026年7月24日 更新

Automate 2chat tasks via Rube MCP (Composio). Always search tools first for current schemas.

日本語の概要は準備中です。原文の説明を表示しています。

manu14357/zskills162026年7月24日 更新

Automate Ably tasks via Rube MCP (Composio). Always search tools first for current schemas.

日本語の概要は準備中です。原文の説明を表示しています。

manu14357/zskills162026年7月24日 更新

Automate Abstract tasks via Rube MCP (Composio). Always search tools first for current schemas.

日本語の概要は準備中です。原文の説明を表示しています。

manu14357/zskills162026年7月24日 更新

Automate Abuselpdb tasks via Rube MCP (Composio). Always search tools first for current schemas.

日本語の概要は準備中です。原文の説明を表示しています。

manu14357/zskills162026年7月24日 更新

Automate Abyssale tasks via Rube MCP (Composio). Always search tools first for current schemas.

日本語の概要は準備中です。原文の説明を表示しています。

manu14357/zskills162026年7月24日 更新

manu14357 のスキルをすべて見る

このスキルの問題を報告する