high-end-visual-design
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
Profile →npx skills add nexu-io/open-design --skill agent-skill-principal-ui-ux-architect-motion-choreographer-awwwards-tier-mqu4mbbj --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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. ## 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. Use only ultra-light, precise lines (e.g., Phosphor Light, Remix Line). - **Banned Borders & Shadows:** Generic 1px solid gray borders. Harsh, dark drop shadows (`shadow
- 1. Meta Information & Core Directive
- 2. THE "ABSOLUTE ZERO" DIRECTIVE (STRICT ANTI-PATTERNS)
- 3. THE CREATIVE VARIANCE ENGINE
- A. Vibe & Texture Archetypes (Pick 1)
- B. Layout Archetypes (Pick 1)
- 4. HAPTIC MICRO-AESTHETICS (COMPONENT MASTERY)
- A. The "Double-Bezel" (Doppelrand / Nested Architecture)
- B. Nested CTA & "Island" Button Architecture
- C. Spatial Rhythm & Tension
- 5. MOTION CHOREOGRAPHY (FLUID DYNAMICS)
- A. The "Fluid Island" Nav & Hamburger Reveal
- B. Magnetic Button Hover Physics
- C. Scroll Interpolation (Entry Animations)
- 6. PERFORMANCE GUARDRAILS
What does the high-end-visual-design skill do?
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
How do I install it?
Run `npx skills add nexu-io/open-design --skill agent-skill-principal-ui-ux-architect-motion-choreographer-awwwards-tier-mqu4mbbj --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From nexu-io/open-design, a repository with 83,577 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.