Family
Claude skills for visual design
19 skills in the bank are filed under Visual. They are grouped here because they compete for the same jobs - which is the reason an agent reaching for one of them sometimes gets another.
- Algorithmic Artanthropics/skillsArt that is generated rather than drawn: flow fields, particle systems, seeded randomness you can re-roll and tune. Code is the medium.
- Brand Guidelinesanthropics/skillsApplies Anthropic's own brand colours and type to an artifact. Only right when the thing genuinely should look like Anthropic made it.
- BrandkitleonxlnxRenders an identity as pictures: a mark and its variants, a board showing how the whole thing hangs together, the thing photographed on objects. What comes back is imagery to look at and react to, so nothing here turns into a stylesheet or a component.
- Canvas Designanthropics/skillsStill visual art delivered as a .png or print-ready .pdf: a poster, a flyer, a one-page piece meant to be looked at rather than clicked.
- Design Taste FrontendleonxlnxBuilds the persuasion surface of a website - a launch page, a personal or studio portfolio, a visual overhaul of a site that already exists - and ships the working page, steered hard away from the templated look a model reaches for by default: a stated aesthetic read of the brief, a committed type and colour language, and motion that has to justify itself. Its scope stops at surfaces meant to be scrolled and read; dashboards, data grids, and multi-step wizards are handed off to a product-UI system rather than restyled.
- Design Taste Frontend V1leonxlnxThe superseded edition of the same frontend skill, kept installable so a project tuned against its exact rules does not shift underneath when the current one changes them. Nothing about its subject differs. Only its vintage does.
- Frontend Designanthropics/skillsDeciding how a UI should look and feel before you build it: typography, colour, hierarchy, and escaping the default templated appearance.
- GPT TasteleonxlnxThe same push away from templated pages, aimed at Codex and GPT because they drift differently: it forces a fresh pick of hero shape, type stack and scroll choreography each build instead of reaching for last time's, and leans hard on scroll-driven motion. What separates it from the general version is the model it corrects, not the work it covers.
- High End Visual DesignleonxlnxSpends its rules on the feel of expensive: how far a card lifts, how light falls across it, how long an easing runs, how much room a section is given. It varies the composition every time by design, and the things it bans are the ones that read as cheap, like blunt shadows and motion that snaps.
- Image to CodeleonxlnxDraws the page as artwork first, one legible frame per band of the page, studies what it drew, then writes the frontend to match. The picture is a step in the middle rather than the deliverable, which is what separates it from the image-only skills next to it.
- Imagegen Frontend MobileleonxlnxProduces app screens as images, several at once so a flow reads as one product instead of unrelated frames, usually sat inside a plain handset shell. Handset-shaped work only, and it stops at the picture: no Swift, no React Native, no code at all.
- Imagegen Frontend WebleonxlnxTurns a page brief into one wide image per band, held to a single palette so eight frames still look like one site, with the framing varied deliberately so every band is not text-left-picture-right. It hands back reference for somebody else to build from.
- Industrial Brutalist UIleonxlnxCommits a build to one hard-edged look: exposed structure, sizes that jump from tiny to enormous, colour used only to warn, and print or CRT artefacts faked in software. Pick it when the interface should read as machinery rather than a product, and when packing the screen is the point.
- Minimalist UIleonxlnxStrips an interface back to type, rules and air: warm greys, shadow almost absent, tiles laid flat, one muted tint where something has to stand out. The result reads as a document more than an app, and gradients and pill-shaped containers are refused outright.
- Redesign Existing ProjectsleonxlnxReads the code already there and names what is weak in it, then lifts type, rhythm, colour and the states nobody built, on whatever styling the project happens to use. The binding constraint is that it improves in place rather than replacing, so structure and behaviour survive the pass.
- Slack GIF Creatoranthropics/skillsAnimated GIFs built to survive Slack's size and dimension limits. For when someone says make me a GIF of X doing Y.
- Stitch Design TasteleonxlnxWrites the brief rather than the build: a design document some other generator reads, each rule phrased the way that tool understands while still pinning exact colours, sizes and behaviours. The output is a file that governs screens made later, and it targets Google's screen generator specifically.
- Theme Factoryanthropics/skillsPut a consistent look on something already built: pick or generate a colour-and-font theme and apply it across slides, docs, or a page.
- Web Artifacts Builderanthropics/skillsAmbitious claude.ai artifacts with many moving parts: React, Tailwind, component libraries, real state and routing rather than a single static page.
The Visual pairs people mix up
Side-by-side, with a worked situation for each side.
- Algorithmic Art vs Brandkit
- Algorithmic Art vs Canvas Design
- Algorithmic Art vs Imagegen Frontend Mobile
- Algorithmic Art vs Imagegen Frontend Web
- Brandkit vs Canvas Design
- Brandkit vs Imagegen Frontend Mobile
- Brandkit vs Imagegen Frontend Web
- Canvas Design vs Imagegen Frontend Mobile
- Canvas Design vs Imagegen Frontend Web
- Design Taste Frontend vs Frontend Design
- Design Taste Frontend vs GPT Taste
- Design Taste Frontend vs High End Visual Design
- Design Taste Frontend vs Image to Code
- Frontend Design vs GPT Taste
- Frontend Design vs High End Visual Design
- Frontend Design vs Image to Code
- GPT Taste vs High End Visual Design
- GPT Taste vs Image to Code
- High End Visual Design vs Image to Code
- Imagegen Frontend Mobile vs Imagegen Frontend Web
- Industrial Brutalist UI vs Minimalist UI
- Industrial Brutalist UI vs Theme Factory
- Industrial Brutalist UI vs Web Artifacts Builder
- Minimalist UI vs Theme Factory
- Minimalist UI vs Web Artifacts Builder
- Theme Factory vs Web Artifacts Builder
Knowing the Visual list is the easy half. Picking from it under time pressure is the game.
Today's session