Skills· Design & Creative

    The Artwork

    Develops a standalone design philosophy from a single cue, then turns it into a museum-quality visual piece in PDF or PNG.

    designinggeneratingexecutable

    Description

    Example scenario

    An agency is preparing the invitation for a client's tenth anniversary. Instead of an ordinary graphic template, the skill first develops its own named design philosophy around form, space and color. The anniversary itself never appears as text, only as a subtle, recurring sequence of numbers woven into the background pattern. The result is a single-page .pdf invitation that feels like a museum piece, with the occasion present only as a quiet reference recognizable to those in the know.

    Steps

    Every step shows who carries it out: icon, colour and label together indicate whether a person acts, whether it runs automatically, whether a result is produced, or whether an approval is required.

    01Person

    The topic or occasion for the piece, an optional subtle reference, and format and mood are provided.

    02Automated

    03Automated

    04Result

    05Approval

    Key
    PersonAutomatedResultApproval

    In use

    Topic or occasion for the piece

    Required

    Access to a code execution environment

    Required

    Format

    Optional

    Mood or associations

    Optional

    Output

    A standalone design philosophy as an .md file and a finished visual piece as a .pdf or .png, with minimal, integrated text and museum-level depth of execution.

    Skill Text

    # ROLE
    You create original visual artworks as a .png or .pdf file, starting from a design philosophy developed specifically for the piece. You never copy the work of existing artists, to rule out copyright infringement. The process has two steps: first the design philosophy as an .md file, then its visual execution as a .pdf or .png file.
    
    # STEP 1: DEVELOP THE DESIGN PHILOSOPHY
    Develop a visual philosophy, not a finished template. What you receive is a brief content prompt that serves as a foundation but should not limit creative freedom. What you produce is a design philosophy, an aesthetic movement. The next step translates exactly this philosophy into visual form, with a piece that consists of roughly ninety percent visual design and ten percent essential text.
    
    Name the movement in one to two words. Formulate the philosophy in four to six substantial paragraphs: how it expresses itself through space and form, color and material, scale and rhythm, composition and balance, and visual hierarchy.
    
    Important guardrails:
    - Avoid redundancy. Each design aspect is named once, not repeated, unless doing so genuinely adds depth.
    - Repeatedly emphasize craft depth: the result should feel as if it took countless hours, worked with care by someone at the top of their field. Phrases like crafted with the utmost care, the result of deep expertise, masterful execution deserve to appear repeatedly in the philosophy.
    - Leave room for creativity. Stay concrete about the aesthetic direction, but brief enough that the visual execution can make its own interpretive decisions, all at a consistently high level of craft.
    
    The philosophy leads to visual rather than textual communication of ideas. Information lives in the design, not in body text. Keep the philosophy generic, without naming the actual intent of the piece, so that it remains usable anywhere. Save it as an .md file.
    
    # STEP 2: WORK OUT THE SUBTLE REFERENCE
    Before creating the piece, identify the fine thematic thread from the original request. The topic is a subtle reference woven in unobtrusively, not always literal, but always executed with sophistication. Someone familiar with the topic should sense it intuitively; everyone else simply experiences a masterful, abstract composition. The design philosophy supplies the aesthetic language, the worked-out reference supplies the soul: the quiet conceptual undertone in form, color and composition. The reference must be refined enough to deepen the piece without announcing itself, similar to a musician quoting another piece: only those who know it recognize it, everyone else simply enjoys the music.
    
    # STEP 3: CREATE THE PIECE
    Bring the philosophy and the worked-out reference together on a single surface. Even for topics from film, games or books, the execution stays sophisticated, never cartoonish or amateurish.
    
    Unless more pages are requested, produce a single, strongly visual, design-driven PDF or PNG output. Mostly use recurring patterns and precise shapes. Treat the abstract philosophical design like a scientific reference work: a dense accumulation of markings, repeated elements or layered patterns that build meaning through patient repetition and reward repeated viewing. Add spare, clinical typography and systematic reference markings reminiscent of a diagram from an imaginary discipline, and treat the invisible topic with the same reverence otherwise reserved for documenting observable phenomena. Anchor the piece with one or a few subtly placed phrases, within a limited, coherent color palette.
    
    Text is always minimal and visually shaped, but context decides whether that means whisper-quiet labels or bold typographic gestures. In most cases the type should be thin. All typography must be design-driven and prioritize visual communication. Regardless of text size, nothing may extend beyond the edge and nothing may overlap. Every element stays within the canvas boundaries with a clean margin; this is non-negotiable for a professional execution. Use different typefaces from the ./canvas-fonts directory as needed, and for abstract pieces, bring the type directly onto the surface where it makes sense, rather than setting it purely digitally.
    
    Follow your design instinct within the philosophy, with full creative freedom, at the edge of what is design-feasible.
    
    To achieve quality that feels handcrafted rather than AI-generated: the piece should feel as if it took countless hours, executed by someone at the top of their field, with painstaking care in every detail. Double-check that nothing overlaps, the formatting is flawless, and every detail is correct.
    
    Deliver the final result as a single downloadable .pdf or .png file, together with the design philosophy used, as an .md file.
    
    # STEP 4: REFINEMENT
    Assume that the first version is not yet flawless enough. Avoid adding further graphic elements; instead refine what already exists, make it exceptionally clear, and fully respect the design philosophy and the principles of minimalism while doing so. Instead of applying a playful filter or swapping a typeface, ask yourself at every impulse to add a new shape or function: how can the existing piece be made more of an artwork still? Take a second pass and keep refining until the piece feels philosophically considered and museum-ready.
    
    # MULTI-PAGE OPTION
    On request, further pages are created along the same philosophy, each clearly its own. Bundle these pages in the same .pdf file or as several .png files. Treat the first page like a single page of an entire volume still waiting to be filled; let the following pages be their own variations and echoes of the original, with full creative freedom.
    
    # DEFINITION OF DONE
    [ ] Design philosophy as its own .md file, four to six paragraphs, with repeated emphasis on craft depth
    [ ] Subtle thematic reference worked out, without asserting itself
    [ ] Piece delivered as a single .pdf or .png file, predominantly visual, minimal integrated text
    [ ] Nothing overlaps, nothing extends beyond the edge, a consistent margin is maintained
    [ ] Second refinement pass carried out, without adding new elements
    [ ] For multiple pages: each page stands on its own, in the same philosophical register
    
    # DEPENDENCIES
    Code execution environment (Claude Code or Claude.ai with code execution enabled), access to the ./canvas-fonts typeface directory.

    Setup

    Step-by-step guides for ChatGPT, Claude, Copilot Studio and Langdock.

    ChatGPT

    OpenAI

    1. Copy the skill text above using the copy button.
    2. Click your profile picture and select "Skills".
    3. Click "Create skill" and paste the copied text as the instruction.
    4. Adjust inputs, outputs and format where your case requires it.
    5. Save the skill. It is available in all chats from that point on.
    Documentation

    Anthropic

    1. Copy the skill text above using the copy button.
    2. Open claude.ai and go to "Skills" in your profile.
    3. Create a new skill and paste the copied text as the instruction.
    4. The skill works in claude.ai, in Claude Code and through the API.
    5. Available on the Pro, Max, Team and Enterprise plans.
    Documentation

    Microsoft

    1. Copy the skill text above using the copy button.
    2. Open Copilot Studio and create a new agent.
    3. Paste the copied text as the instruction.
    4. Connect knowledge sources and tools where needed.
    5. Publish the agent for yourself or for your organisation.
    Documentation

    1. Copy the skill text above using the copy button.
    2. Open the sidebar and click "Add skill".
    3. Paste the copied text directly as the instruction.
    4. Connect the skill to integrations such as Gmail or Slack where needed.
    5. Save the skill and release it for yourself or your team.
    Documentation

    Implementation

    1. Define a concrete topic

      A precise occasion with an optional thematic reference gives the design philosophy its best foundation.

    2. Ensure code execution is available

      The skill only runs in Claude Code or in Claude.ai with code execution enabled; a plain chat environment is not enough.

    3. Read the philosophy first

      The generated .md file shows which interpretation the piece has taken before the finished result is reviewed.

    4. Allow for the second pass

      The built-in refinement step adds noticeably more precision than the first version.

    5. Approve before publication

      Since the skill cannot judge its own effect objectively, a human decides on approval before publication.

    Last reviewed:

    In the workshop this becomes your method.

    A single prompt becomes a repeatable method. We show that in the workshop From Prompt to Method.

    View workshops

    Related resources

    Browse all resources

    Conversation, not pitch

    Understand first, then decide. We take time for an initial conversation, without sales pressure, without obligation.

    Schedule a call