Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Claude Skills 列表
Design
20 / 428
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Frontend design entry point: direction, design system, visual philosophy. Use whenever building or touching the look of any web UI (components, pages, dashboards,...
These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.
To access Anthropic's official brand identity and style resources, use this skill.
To access Anthropic's official brand identity and style resources, use this skill.
Print collateral spec: item, finished/trim size and artwork size including bleed, bleed, colour mode, stock and GSM, finish, safe margin, print method, quantity and unit cost. Use...
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
Generate hand-drawn 16:9 article illustrations with the Grav character IP, sparse annotations, and absurd but clear visual metaphors.
Autonomous Principal Design Technologist. Cures vibe-coded software from AI frontend slop using curated token archetypes and 7-axis quality gating.
Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files...
Install and use the official AI Logo Maker package, pinned by digest, for paid hosted work on the Beatra service.
Find animation and video references on 1human, consult a human-agent shared library, and contribute public creations only with prior owner permission.
Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet of drawers, a...
Design or review Agent Builder interfaces. Use for Agent configuration patterns, modal flows, responsive behavior, status treatments, and other Agent-only UI work.
Create inline visuals for code and explanations, or author persistent OpenClaw dashboard widgets with show_widget.
Transform photos into illustrations, stickers, paper cutouts and pixel art with reusable style directions, open space and exact-size exports. Use for photo-to-art, 照片转插画, 照片贴纸,...
SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography,...
Pair a supplied place photograph with a small multi-color rubber-stamp impression on aged paper. Use for architectural, city, coast, road, and landscape field-journal treatments...