← ClaudeAtlas

canvas-designlisted

Design philosophy docs and canvas-based visual creation. Use when articulating design principles, crafting multi-page design documents, or exploring aesthetic philosophy with intentional design thinking.
bg-szy/TOP-SKILLS · ★ 1 · Web & Frontend · score 70
Install: claude install-skill bg-szy/TOP-SKILLS
# Canvas Design A two-step design workflow: first articulate a design philosophy, then create visual designs on canvas. Based on the [anthropics/skills canvas-design](https://github.com/anthropics/skills) approach. - Leverage native parallel subagent dispatch and 200k+ context windows where available. ## When to Use This Skill Use symptom -> action triggers: when one matches, apply this skill and verify with the protocol below. - Creating design philosophy documents (.md) - Generating visual canvas designs (.png/.pdf) - Articulating design principles and aesthetic rationale - Crafting multi-page design documents - Exploring design thinking and intentional visual communication --- ## Step 1: Design Philosophy Document Create a markdown document that articulates the design philosophy before any visual creation. ### Philosophy Document Structure ```markdown ## Core Intent What is this design trying to communicate? What feeling should it evoke? ## Guiding Principles 1. **[Principle Name]** — Explanation of how this shapes decisions 2. **[Principle Name]** — Explanation 3. **[Principle Name]** — Explanation ## Aesthetic Direction - **Color Philosophy**: Why these colors, what they represent - **Typography Philosophy**: What the type choices communicate - **Spatial Philosophy**: How whitespace and layout serve the intent - **Material/Texture**: Physical or digital texture decisions ## Inspirations & References - [Reference 1]: What specifically resonates and why - [