Skills tagged visual-art: 26 agent skills for Claude Code
algorithmic-art — Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code.
archify — Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG.
brand-guidelines — Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.
browser-testing-with-devtools — Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser.
canvas-design — Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art.
capture-screen — Programmatic screenshot capture on macOS.
codex-image-gallery — Start or reuse a self-contained local web gallery for browsing Codex-generated images.
customer-journey-map — Create an end-to-end customer journey map with stages, touchpoints, emotions, pain points, and opportunities.
design-style-picker — Batch-generate and compare visual design directions so a user can choose the style they actually want.
excalidraw-use — Place existing images onto an Excalidraw whiteboard, turn a slide deck into clean per-slide images first.
frontend-design — Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
guizang-ppt-skill — 生成横向翻页网页 PPT（单 HTML 文件），含 WebGL 背景、演讲者视图、观众屏同步、讲稿备注、章节幕封、数据大字报、图片网格等模板。提供两种风格：① "电子杂志 × 电子墨水"（衬线 + 流体背景 + 暖色） ② "瑞士国际主义"（无衬线 + 网格点阵 +.
json-canvas — Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases.
mermaid-tools — Extracts Mermaid diagrams from markdown files and generates high-quality PNG images using bundled scripts.
prototype — Build multiple genuinely different versions of a UI piece you describe.
seo-cluster — SERP-based semantic topic clustering for content architecture planning.
slack-gif-creator — Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts.
terminal-screenshot — Render a terminal CLI program's colored output to a PNG so Claude can actually SEE the real visual result — color contrast, alignment, background blocks.
theme-factory — Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc.
ui-designer — Extract design systems from reference UI images and generate implementation-ready UI design prompts.
urp-postprocessing — Sets up, configures, and debugs URP post-processing effects using the Volume framework.
web-artifacts-builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS.