canvas-design-visual-supremacy
Sub-skill of canvas-design: Visual Supremacy (+4).
Best use case
canvas-design-visual-supremacy is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Sub-skill of canvas-design: Visual Supremacy (+4).
Teams using canvas-design-visual-supremacy should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/visual-supremacy/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How canvas-design-visual-supremacy Compares
| Feature / Agent | canvas-design-visual-supremacy | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Sub-skill of canvas-design: Visual Supremacy (+4).
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Visual Supremacy (+4) ## Visual Supremacy Visual information supersedes written explanation. The design should communicate without words. ## Text as Accent Typography functions as visual accent, not communication vehicle. Use sparingly and purposefully. ## Rewarding Depth Designs should reward sustained viewing through layered patterns, hidden details, and visual discovery. ## Pristine Quality Final output must achieve quality suitable for museum display or high-end publication. ## Originality Create original work only--never copy existing artists or styles directly.
Related Skills
metocean-visualizer
Create interactive metocean visualizations including time series plots, wave roses, scatter plots, geographic maps, and dashboards. Use for data exploration, reporting, and operational monitoring.
energy-data-visualizer
Interactive visualization for oil and gas production data analysis using Plotly dashboards
visual-review-board
Use when sourcing destination preview photos for a trip plan. Encodes the Wikimedia-API thumburl pattern (no hand-construction), main-session re-verification, and the destination-specific selection rule. Invoked by trip-planner.
itinerary-design
Use when constructing a day-by-day itinerary inside a trip plan. Encodes base-count rules, jet-lag handling, transit-day discipline, slack budgeting, and the "last day = travel only" rule. Invoked by the trip-planner skill.
github-visual-planning-issues
Create review-friendly GitHub planning issues that supersede stale/seasonal issues and include source-backed image thumbnails for faster human review.
orcaflex-visualization
Generate visualizations from OrcaFlex and OrcaWave simulations using the shared OrcFxAPI — model views (SaveModelView), time series plots, range graphs, and interactive HTML reports. Covers both .dat/.sim (OrcaFlex) and .owd (OrcaWave) files via the same API surface.
mooring-design
Design and analyze mooring systems including CALM and SALM buoys, catenary moorings, and spread mooring configurations. Covers mooring line design, safety factors, environmental loading, and compliance with DNV, API, and ABS standards.
plotly-visualization
Generate interactive Plotly and Matplotlib visualizations from DataFrames with configurable templates and multi-format support.
data-visualization
Create effective data visualizations with Python using matplotlib, seaborn, and plotly libraries
touchdesigner-mcp
Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.
popular-web-designs
54 production-quality design systems extracted from real websites. Load a template to generate HTML/CSS that matches the visual identity of sites like Stripe, Linear, Vercel, Notion, Airbnb, and more. Each template includes colors, typography, components, layout rules, and ready-to-use CSS values.
design-md
Author/validate/export Google's DESIGN.md token spec files.