Category: Design

High-End Visual Design

Enforces agency-grade typography, whitespace, and motion rules, banning generic fonts and icons, for premium-looking UIs.

Works with

Swaps generic fonts like Inter and Roboto for Geist, Clash Display, and similar
Applies generous whitespace, double-bezel cards, and custom easing curves
Offers three vibes (glass, editorial, soft structuralism) and three layout patterns
Collapses mobile-first below 768px

Great when AI-built landing pages all look the same, or when a brand site needs to feel premium.

Run the command below in your terminal. Pick the agents you use (Claude Code, Codex, Cursor, Gemini CLI, Copilot, and more) and it installs into the right folder.

npx skills add https://github.com/leonxlnx/taste-skill --skill high-end-visual-design

To install manually, download the high-end-visual-design skill folder from the GitHub repository and copy it into your agent's skills folder, such as ~/.claude/skills/ or .cursor/skills/.
Ask your agent for a related task and the skill is used automatically.

Design
Diagram Design
Creates 45 kinds of branded diagrams, from architecture and flowcharts to ERDs and timelines, as self-contained SVG HTML.
Design
Algorithmic Art
Anthropic's official skill for generative art with p5.js and seeded randomness, such as flow fields and particle systems.
Design
Archify
Turns ideas, plans, or codebases into interactive diagram HTML with dark/light themes, motion, and image or video export.
Design
Clone Website
Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout, and interactions.