Which programming libraries does this skill use?

The skill primarily utilizes Python's Pillow and Cairo libraries for backend image generation, as well as the standard HTML Canvas API for web-based visual tasks.

Can I generate PDF documents with this skill?

Yes, the skill is specifically configured to create both high-resolution .png images and professional .pdf documents using design best practices.

How does it handle complex data visualization?

It features scientific interleaving with Graph Theory and NetworkX, allowing Claude to map complex data structures into visually coherent topological designs.

Does it support specific aesthetic styles?

Yes, it includes implementation guidance for various styles such as Minimalist, Brutalist, Glassmorphism, and Vintage aesthetics.

Canvas Visual Design

Name: Canvas Visual Design
Author: plurigrid

byplurigrid

•

设计工具

Generates visually striking static designs and digital art using HTML Canvas, Python imaging libraries, and professional design principles.

The Canvas Design skill empowers Claude to act as a digital artist and graphic designer by leveraging core principles such as the Rule of Thirds, visual hierarchy, and advanced color theory. It provides robust implementation patterns for both Python (via Pillow and Cairo) and JavaScript (HTML Canvas) to create high-quality .png and .pdf assets. Beyond simple graphics, the skill integrates scientific concepts like Graph Theory and Cat# equipment structures, making it uniquely suited for creating sophisticated data visualizations, minimalist UI mockups, and programmatically generated artistic compositions.

主要功能

01Dual-environment support for Python (Pillow/Cairo) and JavaScript (HTML Canvas) workflows

02Scientific interleaving with Graph Theory for complex network and data visualization

03Preset design styles including Minimalist, Brutalist, Glassmorphism, and Retro

04Production-ready export capabilities for high-resolution .png and .pdf documents

05Professional design philosophy integration including Composition, Color Theory, and Typography

068 GitHub stars

使用场景

01Creating complex scientific data visualizations and network graphs using NetworkX

02Prototyping UI components and visual layouts with CSS-like precision in canvas environments

03Generating programmatically created social media assets, logos, or branding materials

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add plurigrid/asi canvas-design

For use in Claude.ai and ChatGPT

Download Skill