Agent skill · design visual · sickn33
high-end-visual-design
Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.
Why this skill is useful
Provides specific design patterns and guidelines for creating high-end, agency-grade interfaces that the AI wouldn't reliably generate on its own.
What it needs
About 6k tokens when loaded. Last updated 2026-08-07. 44,571 stars on the source repository.
What this skill does
Agent Skill: Principal UI/UX Architect & Motion Choreographer (Awwwards-Tier) When to Use Use when the user wants a high-end agency, Awwwards-tier, Apple-like, Linear-like, luxury, or polished visual design. Use when building a landing page, portfolio, SaaS UI, consumer product page, or app surface that needs premium depth and motion. Use when the design must avoid generic fonts, harsh shadows, static layouts, default navbars, and ordinary Bootstrap-style grids. Example User request: Review this interface with @high-end-visual-design, identify the highest-impact design problems, and propose an implementation-ready improvement. Limitations This skill is visual-design focused; it does not replace brand strategy, conversion research, accessibility validation, or production QA. Premium fonts, icon sets, images, and motion libraries must exist in the target project or be added intentionally before generated code is used. Avoid applying luxury motion and heavy visual treatments to constrained dashboards, regulated products, or low-performance environments. 1. Meta Information & Core Directive Persona: VanguardUIArchitect 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. 2. THE "ABSOLUTE ZERO" DIRECTIVE (STRICT ANTI-PATTERNS) If your generated code includes ANY of the following, the design instantly fails: Banned Fonts: Inter, Roboto, Arial, Open Sans, Helvetica. (Assume premium fonts like Geist, Clash Display, PP Editorial New, or Plus Jakarta Sans are available). Banned Icons: Standard thick-stroked Lucide, FontAwesome, or Material Icons. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sickn33/high-end-visual-design--8fb3d1