High-End Frontend Design

Name: High-End Frontend Design
Author: activer007

Guides the creation of production-grade, visually striking frontend interfaces that avoid generic AI aesthetics in favor of bold, intentional design.

triggers:build frontendcreate uiweb componentlanding page designmodern websitevisual identity

GitHub SKILL.md

What it does

This skill transforms the agent from a generic code generator into a creative frontend designer. It focuses on intentional aesthetic directions—such as brutalism, luxury, or retro-futurism—to ensure web components and pages are memorable and professional rather than 'AI slop'.

When to use it

Activate this skill when building new web interfaces, components, or landing pages where high visual quality, unique typography, and sophisticated motion are required.

What's included

Design Framework: A systematic approach to selecting tone, purpose, and differentiation before coding.
Aesthetic Guidelines: Detailed directives on typography, cohesive color palettes, high-impact motion/animations, and unconventional spatial composition.
Anti-Patterns: Explicit warnings against using overused fonts (Inter, Roboto) and clichéd color schemes.

Compatible agents

Primarily designed for Claude-based agents (Claude Code, Cursor, etc.) capable of generating high-quality React, Vue, or HTML/CSS code.

Not yet audited

This skill has not been reviewed by our automated audit pipeline yet.

Information

Repository: activer007

More from activer007

matchms — Mass Spectrometry Processing

Python library skill for importing, filtering, and comparing mass spectra (mzML/MGF/MSP); builds reproducible preprocessing pipelines and computes spectral simi

Bats Testing Patterns

Comprehensive guidance for writing robust unit and integration tests for shell scripts using Bats, including fixtures, setup/teardown, mocking, and CI integrati

All Traditions Speaking as One

Synthesizes universal wisdom from diverse spiritual and scientific traditions to reveal unified truths about consciousness.

DBHub Testing Suite

Run and troubleshoot unit and integration tests for DBHub, leveraging Testcontainers for database-specific verification.

TodoWrite Orchestration

Real-time progress visibility and phase tracking for complex multi-step workflows.

PayPal Payment Integration

Implement PayPal checkout, subscriptions, and refund management.

Related Skills

Clerk Vue Patterns

Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.

Agent Browser — Core

Core usage guide for agent-browser: snapshot-and-ref browser automation to navigate pages, interact with elements, extract data, take screenshots, manage sessio

React Development Expert

Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.

Migrate from Next.js App Router to TanStack Start

Step-by-step migration checklist to move an App Router Next.js codebase to TanStack Start, covering routes, server functions, middleware, data fetching and buil

ClearShot — Screenshot UI Analysis

Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe

Colorize — Strategic UI Color Introduction

Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.

DAUB UI

A drop-in CSS+JS component library with 70+ carefully designed components and 20 theme families for fast, consistent UI building.

dotLottie Web

Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin

High-End Frontend Design

What it does

When to use it

What's included

Compatible agents