Blog - Abbas ElDeniney

About this skill

These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.

Complete this in two steps:

1. Design Philosophy Creation (.md file)

2. Express by creating it on a canvas (.pdf file or .png file)

First, undertake this task:

DESIGN PHILOSOPHY CREATION

To begin, create a VISUAL PHILOSOPHY (not layouts or templates) that will be interpreted through:

Form, space, color, composition
Images, graphics, shapes, patterns
Minimal text as visual accent

THE CRITICAL UNDERSTANDING

What is received: Some subtle input or instructions by the user that should be taken into account, but used as a foundation; it should not constrain creative freedom.
What is created: A design philosophy/aesthetic movement.
What happens next: Then, the same version receives the philosophy and EXPRESSES IT VISUALLY - creating artifacts that are 90% visual design, 10% essential text.

Consider this approach:

Write a manifesto for an art movement
The next phase involves making the artwork

The philosophy must emphasize: Visual expression. Spatial communication. Artistic interpretation. Minimal words.

HOW TO GENERATE A VISUAL PHILOSOPHY

Name the movement (1-2 words): "Brutalist Joy" / "Chromatic Silence" / "Metabolist Dreams"

Articulate the philosophy (4-6 paragraphs - concise b

…

Use cases

Form, space, color, composition
Images, graphics, shapes, patterns
Minimal text as visual accent
What is created: A design philosophy/aesthetic movement.
Write a manifesto for an art movement
The next phase involves making the artwork

Installation

Download the ZIP using the button on the right.
Unzip the folder.
Drop the canvas-design/ folder inside ~/.claude/skills/.
Restart Claude Code (or your Claude Desktop session) — the skill loads automatically.

# macOS / Linux
mkdir -p ~/.claude/skills
unzip claude-skill-canvas-design.zip -d ~/.claude/skills/

What's included

SKILL.md

canvas-fonts/ArsenalSC-OFL.txt

canvas-fonts/ArsenalSC-Regular.ttf

canvas-fonts/BigShoulders-Regular.ttf

canvas-fonts/CrimsonPro-Bold.ttf

canvas-fonts/CrimsonPro-OFL.txt

canvas-fonts/CrimsonPro-Regular.ttf

canvas-fonts/IBMPlexMono-Bold.ttf

canvas-fonts/IBMPlexMono-OFL.txt

canvas-fonts/IBMPlexSerif-BoldItalic.ttf

canvas-fonts/IBMPlexSerif-Regular.ttf

canvas-fonts/InstrumentSans-Bold.ttf

canvas-fonts/InstrumentSans-BoldItalic.ttf

canvas-fonts/InstrumentSans-Regular.ttf

canvas-fonts/InstrumentSerif-Italic.ttf

canvas-fonts/Italiana-OFL.txt

canvas-fonts/Italiana-Regular.ttf

canvas-fonts/JetBrainsMono-Bold.ttf

canvas-fonts/JetBrainsMono-OFL.txt

canvas-fonts/Lora-Bold.ttf

canvas-fonts/Lora-BoldItalic.ttf

canvas-fonts/Lora-OFL.txt

canvas-fonts/NationalPark-Bold.ttf

canvas-fonts/NationalPark-Regular.ttf

canvas-fonts/NothingYouCouldDo-Regular.ttf

canvas-fonts/Outfit-Bold.ttf

canvas-fonts/Outfit-OFL.txt

canvas-fonts/PixelifySans-Medium.ttf

canvas-fonts/PoiretOne-OFL.txt

canvas-fonts/PoiretOne-Regular.ttf

canvas-fonts/RedHatMono-OFL.txt

canvas-fonts/SmoochSans-Medium.ttf

canvas-fonts/SmoochSans-OFL.txt

canvas-fonts/Tektur-OFL.txt

canvas-fonts/Tektur-Regular.ttf

canvas-fonts/WorkSans-BoldItalic.ttf

canvas-fonts/WorkSans-Italic.ttf

canvas-fonts/WorkSans-OFL.txt

canvas-fonts/WorkSans-Regular.ttf

canvas-fonts/YoungSerif-OFL.txt

canvas-fonts/YoungSerif-Regular.ttf

Frequently asked

What does the Canvas Design skill do?

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

Who should use it?

Anyone working with Claude on design-related tasks — consultants, founders, product teams, operators, and AI users who want repeatable, high-quality outputs from Claude.

How does it work?

Drop the folder into your `~/.claude/skills/` directory. Claude detects the SKILL.md instructions automatically and applies them when relevant.

What problem does it solve?

It removes the need to re-prompt Claude with the same context every time. Once the skill is installed, Claude already knows the rules, conventions, and procedures for this task.

How do I install it?

Download the ZIP, unzip it, and place the `canvas-design/` folder inside `~/.claude/skills/`. No other setup required.

Is it free?

Yes — free download. We just ask for your name and work email so we can send useful Claude updates.

Can I get a custom version?

Yes. Abbas ElDeniney builds tailored Claude skills for specific business workflows and data sources. Book a consultation to scope your version.

Canvas Design