Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
eyadsibai avatar

Canvas Design

  • 72 installs
  • 7 repo stars
  • Updated January 15, 2026
  • eyadsibai/ltk

Helps with design & ui/ux tasks.

About

canvas-design is a Claude Code skill for design & ui/ux. It helps solo builders move faster with AI-assisted development.

  • canvas-design
  • Design & UI/UX
  • AI-coding skill

Canvas Design by the numbers

  • 72 all-time installs (skills.sh)
  • Ranked #1,184 of 1,880 Design & UI/UX skills by installs in the Skillselion catalog
  • Data as of Jul 30, 2026 (Skillselion catalog sync)
npx skills add https://github.com/eyadsibai/ltk --skill canvas-design

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs72
repo stars7
Last updatedJanuary 15, 2026
Repositoryeyadsibai/ltk

What it does

Helps with design & ui/ux tasks.

Files

SKILL.mdMarkdownGitHub ↗

<!-- Adapted from: awesome-claude-skills/canvas-design -->

Canvas Design Guide

Create beautiful visual art in PDF and PNG documents using design philosophy principles.

When to Use

  • Creating posters or visual art
  • Designing static visual pieces
  • Building abstract compositions
  • Generating museum-quality graphics
  • Creating coffee table book pages

Two-Step Process

1. Design Philosophy - Create aesthetic framework (.md) 2. Canvas Creation - Express it visually (.pdf or .png)

Design Philosophy Creation

Create a VISUAL PHILOSOPHY that will be interpreted through:

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

Philosophy Structure

Name the Movement (1-2 words):

  • "Brutalist Joy"
  • "Chromatic Silence"
  • "Metabolist Dreams"

Articulate the Philosophy (4-6 paragraphs):

  • Space and form
  • Color and material
  • Scale and rhythm
  • Composition and balance
  • Visual hierarchy

Example Philosophies

NameExpression
Concrete PoetryMonumental form, bold geometry, Brutalist spatial divisions
Chromatic LanguageColor zones create meaning, minimal typography
Analog MeditationPaper grain, vast negative space, photography dominant
Organic SystemsRounded forms, natural clustering, modular growth
Geometric SilenceGrid precision, dramatic negative space

Canvas Creation

Essential Principles

  • 90% visual, 10% essential text
  • Repeating patterns and perfect shapes
  • Limited, cohesive color palette
  • Dense accumulation rewarding sustained viewing
  • Expert-level craftsmanship

Typography Rules

  • Text is sparse and essential-only
  • Use thin fonts most of the time
  • Font becomes part of the art
  • Nothing overlaps or falls off page
  • Proper margins and breathing room

Quality Standards

Create work that appears:

  • Labored over with painstaking care
  • Product of countless hours
  • Master-level execution
  • Ready for museum display

Color Palettes

StyleColors
AnthropicDark #141413, Light #faf9f5, Orange #d97757
CorporateNavy, Silver, Accent
NaturalEarth tones, greens, warm neutrals
BoldHigh contrast, saturated primaries

Output

  • Design philosophy as .md file
  • Final art as .pdf or .png file
  • Single page unless multiple requested

Refinement

After first pass:

  • Avoid adding more graphics
  • Refine existing composition
  • Make it extremely crisp
  • Respect minimalism principles

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.