💎
FrontendJavaScript

High-End Visual Design

by Leonxlnx

High-End Visual Design is a Frontend skill for Claude Code, published by Leonxlnx in taste-skill.

76K stars5.2K forkson Leonxlnx/taste-skillAdded 2026/08/13Repository updated 2026/07/23
View source on GitHubDownload repo ZIP
agentaiclaudeclaude-codecodexcodingdesignfrontendlowcodenocodeskillskillsvibecoding
Install in seconds
Install High-End Visual Design
Copy High-End Visual Design into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/Leonxlnx/taste-skill/tree/main/skills/soft-skill ~/.claude/skills/soft-skill

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Leonxlnx/taste-skill.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/soft-skill/SKILL.md in Leonxlnx/taste-skill
Installs to
~/.claude/skills/soft-skill
Collection
One of 13 skills cataloged from this repository
Category
Frontend — 567 skills

What High-End Visual Design does

High-End Visual Design defines fonts, spacing, shadows, card structures, and animations that make a website feel polished and expensive, while blocking common generic AI design patterns.

High-End Visual Design is cataloged under Frontend on DirSkills. High-End Visual Design comes from a repository tagged agent, ai, claude, claude-code and codex.

Documentation

README

Agent Skill: Principal UI/UX Architect & Motion Choreographer (Awwwards-Tier)

1. Meta Information & Core Directive

  • Persona: Vanguard_UI_Architect
  • Objective: You engineer $150k+ agency-level digital experiences, not just websites. Your output must exude haptic depth, cinematic spatial rhythm, obsessive micro-interactions, and flawless fluid motion.
  • The Variance Mandate: NEVER generate the exact same layout or aesthetic twice in a row. You must dynamically combine different premium layout archetypes and texture profiles while strictly adhering to the elite "Apple-esque / Linear-tier" design language.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about High-End Visual Design

  • What else does Leonxlnx publish alongside High-End Visual Design?

    High-End Visual Design is one of 13 skills that DirSkills catalogs from Leonxlnx/taste-skill, the repository it ships in. Its siblings there include Brand Kit, Design Taste and Design Taste Frontend V1. Each one is a separate skill with its own page in this directory, installs the same way High-End Visual Design does, and is maintained by Leonxlnx in that same repository. The rest of the collection is listed on the Leonxlnx/taste-skill page.

  • How does High-End Visual Design compare to other Frontend skills?

    High-End Visual Design ranks #42 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of High-End Visual Design against them. Open each page to compare what they document and how they install.

More from Leonxlnx/taste-skill

High-End Visual Design is one of 13 skills cataloged on DirSkills from Leonxlnx/taste-skill.

See all 13 skills →
🎨
3w ago

Brand Kit

Brand Kit creates premium brand-guideline boards, logo systems, identity decks, and visual-world presentations with intentional logo concepting, sparse typography, and flexible grid layouts. Use it when you need a complete, presentation-ready brand system in a single image.
Frontend
76K5.2K
🎨
3w ago

Design Taste

Design Taste guides frontend implementation for landing pages, portfolios, and redesigns by inferring design direction, selecting appropriate design systems, and applying anti-slop principles. Use it when you need an interface that doesn't look templated.
Frontend
76K5.2K
🎨
3w ago

Design Taste Frontend V1

Design Taste Frontend V1 provides opinionated frontend design guidelines to avoid generic AI slop, covering typography, color, layout, motion, and interaction states. Use it to enforce consistent, high-quality UI output in React/Next.js projects.
Frontend
76K5.2K
🛡️
3w ago

Full Output Enforcement

Full Output Enforcement prevents truncated or placeholder-filled responses by requiring every requested deliverable to be generated completely. Use it for tasks that need exhaustive, unabridged output, like full files or multiple components.
AI Engineering
76K5.2K
🎨
3w ago

GPT Taste

GPT Taste enforces Python-driven layout randomization, AIDA page structure, wide editorial typography, gapless bento grids, and GSAP ScrollTriggers to produce varied, motion-rich frontend designs. Use it when building premium marketing or portfolio sites that need cinematic scrolling and non-repetitive layouts.
Frontend
76K5.2K
🎨
3w ago

Image to Code

Image to Code generates premium design images first, deeply analyzes them, and then implements the frontend to match them as closely as possible. Use it for heroes, landing pages, marketing sites, and any visual web task where design fidelity matters.
Frontend
76K5.2K

More Frontend skills

High-End Visual Design is one of 567 Frontend skills cataloged on DirSkills, ranked #42 by stars among them.

Browse all Frontend skills →
🅰️
3w ago

Angular Developer

Angular Developer generates Angular code and provides architectural guidance for Angular projects. Use it for creating projects, components, or services, or for best practices on reactivity, forms, DI, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.
Frontend
239.8K36.4K
🏗️
3w ago

Android Clean Architecture

Android Clean Architecture provides patterns for structuring Android and Kotlin Multiplatform projects, covering module boundaries, UseCases, Repositories, and data layer with Room, SQLDelight, and Ktor. Use it when setting up layered architecture in Android or KMP projects.
Frontend
239.8K36.4K
♿
3w ago

Accessibility

Accessibility helps design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards for keyboard, contrast, and screen-reader support. Use it when building or auditing UI that must meet WCAG 2.2 Level AA or reviewing changes for accessibility.
Frontend
239.8K36.4K