High-End Visual Design
An agency-grade UI architect persona with a creative variance engine, an absolute-zero anti-patterns directive, haptic micro-aesthetics and spring-physics motion choreography for Awwwards-tier websites
- What
- An agency-grade UI architect persona with a creative variance engine, an absolute-zero anti-patterns directive, haptic micro-aesthetics and spring-physics motion choreography for Awwwards-tier websites
- Cost
- Free
- Needs
- none — this is a design-directive skill for the agent. For best results, confirm you can load the premium fonts (Geist, Clash Display, PP Editorial New, Plus Jakarta Sans) and icon sets (Phosphor Light, Remix Line) it assumes, e.g. via a font CDN.
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor — a design skill that turns the agent into a "Principal UI/UX Architect & Motion Choreographer" with one objective: $150k+ agency-level digital experiences. It starts with an Absolute Zero directive that instantly fails any design containing banned defaults (Inter/Roboto/Arial/Helvetica fonts, thick-stroked Lucide/FontAwesome icons, 1px solid gray borders, edge-to-edge sticky navbars, Bootstrap-style 3-column grids, linear/ease-in-out transitions). A Creative Variance Engine then rolls dice before writing code: one vibe archetype (Ethereal Glass OLED black, Editorial Luxury warm creams, Soft Structuralism silver-grey) crossed with one layout archetype (Asymmetrical Bento, Z-Axis Cascade, Editorial Split), so no two outputs look alike. Component mastery follows: the "Double-Bezel" nested card architecture (outer shell + inner core with concentric radii), button-in-button trailing icon circles, macro-whitespace (`py-24` to `py-40`), eyebrow tags, magnetic button hover physics, hamburger morphs into X, staggered mask reveals, scroll-interpolated fade-ups — and hard Performance Guardrails: animate only `transform` and `opacity`, backdrop-blur on fixed elements only, no `h-screen` (always `min-h-[100dvh]` for iOS Safari). It closes with a pre-output checklist run against every rule. By @leonxlnx, listed here with credit to its creator. Honest caveats: it assumes premium fonts (Geist, Clash Display, PP Editorial New, Plus Jakarta Sans) and icon sets (Phosphor Light, Remix Line) are available — they are not bundled; its taste is aggressively opinionated and may clash with an existing brand system; final quality still depends on the underlying model and a real design review. Skill Harbor never reviews the code, review it yourself before use.
Version:
Install
Prerequisites: none — this is a design-directive skill for the agent. For best results, confirm you can load the premium fonts (Geist, Clash Display, PP Editorial New, Plus Jakarta Sans) and icon sets (Phosphor Light, Remix Line) it assumes, e.g. via a font CDN. Install "High-End Visual Design" for me. It turns the agent into an agency-grade UI architect persona with a creative variance engine (vibe × layout archetypes), an absolute-zero anti-patterns directive, haptic micro-aesthetics and spring-physics motion choreography for Awwwards-tier websites, plus strict performance guardrails. Repository: https://github.com/leonxlnx/taste-skill/blob/main/skills/soft-skill/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "leonxlnx-high-end-visual-design". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself. GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.