Skills DirectorySkills Directory
SkillsLearnSecurityCategoriesDocsBlogPro
Sign InSubmit Skill
Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Directory

  • Browse Skills
  • All Skills A–Z
  • Claude Skills
  • Claude Code Skills
  • Agent Skills
  • Categories
  • Authors
  • Submit a Skill

Learn

  • Learn Hub
  • Install Claude Skills
  • Write SKILL.md
  • Skills vs MCP
  • Directories Compared

Security

  • Security
  • Methodology
  • Secure Claude Skills
  • Security Badges
  • Chrome Extension
  • Skill Manager

Company

  • About
  • Community
  • Blog
  • API Docs
  • Advertise

2026 Skills Directory. All rights reserved.

ProTermsPrivacyRefunds
Back to skills

Canvas Design

ASecurity

Create beautiful visual art in .png and .pdf documents using design philosophy. Use when the user asks to create a poster, piece of art, design, or other static visual piece.

4 stars
0 votes
0 copies
2 views
Added 9/19/2026
developmentgoexpress

Security Analysis

A100/100

Pro scans all 16 files and shows the line behind each finding

Scanned 9/19/2026

$npx -y skills add jgamaraalv/delivery-loop --skill canvas-design --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Canvas Design?

Add the live security badge to your README — it updates automatically with every re-scan.

Security grade badge for Canvas Design
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/jgamaraalv-canvas-design/badge)](https://www.skillsdirectory.com/skills/jgamaraalv-canvas-design)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
Files
SKILL.md
---
name: canvas-design
description: Create beautiful visual art in .png and .pdf documents using design philosophy. Use when the user asks to create a poster, piece of art, design, or other static visual piece.
license: Complete terms in LICENSE.txt
---

# Canvas Design

Create a design philosophy — an aesthetic movement — then EXPRESS IT VISUALLY on a canvas. Output only .md, .pdf, and .png files. Always create original visual designs; never copy existing artists' work, to avoid copyright violations.

Complete this in two steps:
1. **Design philosophy creation** (.md file)
2. **Express it on a canvas** (.pdf or .png file)

## Step 1 — Design philosophy creation

Create a VISUAL PHILOSOPHY (not layouts or templates) that will be interpreted through form, space, color, and composition; images, graphics, shapes, and patterns; minimal text as visual accent.

The critical understanding:
- **What is received**: subtle input or instructions from the user — a foundation, never a constraint on creative freedom.
- **What is created**: a design philosophy / aesthetic movement — a manifesto for an art movement.
- **What happens next**: the philosophy is EXPRESSED VISUALLY — artifacts that are 90% visual design, 10% essential text.

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

**Articulate the philosophy** (4-6 substantial paragraphs) capturing how it manifests through space and form, color and material, scale and rhythm, composition and balance, visual hierarchy. Critical guidelines:

- **Avoid redundancy**: each design aspect mentioned once — no repeating color/spatial/typographic points unless adding new depth.
- **Emphasize craftsmanship REPEATEDLY**: the philosophy MUST stress that the final work looks like countless hours by someone at the absolute top of their field — "meticulously crafted," "the product of deep expertise," "painstaking attention," "master-level execution."
- **Leave creative space**: specific about the aesthetic direction, yet concise enough that the expressing pass has room for interpretive choices at an extremely high level of craftsmanship.
- **Keep it generic**: never mention the intention of the art, as if the philosophy could be used anywhere. Ideas communicate through space, form, color, composition — information lives in design, not paragraphs.

Output the design philosophy as a .md file. For five worked examples of the expected register, read [references/philosophy-examples.md](references/philosophy-examples.md).

## Deducing the subtle reference

**CRITICAL STEP**: before creating the canvas, identify the subtle conceptual thread of the original request. The topic is a subtle, niche reference embedded within the art itself — someone familiar with the subject should feel it intuitively, while others simply experience a masterful abstract composition. Like a jazz musician quoting another song: it enhances the work's depth without announcing itself. The philosophy provides the aesthetic language; the deduced topic provides the soul.

## Step 2 — Canvas creation

Express the philosophy on a single, highly visual, design-forward PDF or PNG (unless more pages are requested) with museum/magazine-quality craftsmanship. **Before drawing, read [references/canvas-creation.md](references/canvas-creation.md)** — the full composition language, typography rules, the mandatory second refinement pass, and the multi-page option.

Non-negotiables:
- Sophistication always — this is art, never cartoony or amateur, whatever the subject.
- Text minimal and visual-first; use varied fonts from the `./canvas-fonts` directory; nothing overlaps or falls off the canvas.
- Finish with the refinement pass, then output a single downloadable .pdf or .png alongside the philosophy .md.

Attribution

jgamaraalvjgamaraalv
View sourceSee grades on GitHubMore from jgamaraalv →
SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments (0)

No comments yet. Be the first to comment!

SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Related Skills

Clean Code

Pragmatic coding standards - concise, direct, no over-engineering, no unnecessary comments

304955 votes

Browser Extension Developer

Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.

285172 votes

Seo Optimizer

SEO optimization with keyword analysis, readability assessment, technical validation, content quality. Use for search rankings, blog posts, content audits, or encountering keyword density, readability scores, meta tags, schema markup errors.

2222 votes

Google Official Seo Guide

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

1862 votes

Tanstack Start

Build a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui. Use whenever the user mentions TanStack Start, asks to scaffold a full-stack Cloudflare app with SSR, wants an SSR dashboard, or asks for a React 19 + Cloudflare Workers app with file-based routing and server functions — even if they don't name TanStack Start specifically. No template repo — Claude generates every file fresh per ...

10341 votes
View all in development →