distinctive-frontend

Original：🇺🇸 English

Translated

Generates distinctive interfaces using four themed design systems — Cyberpunk, Brutalist, Vaporwave, and Nordic Minimalism — with pre-configured typography pairings, color systems, and staggered animations. Single skill: distinctive-frontend.

3installs

Sourcepodo/design-agent-skills

Added on2026-08-20

NPX Install

npx skill4agent add podo/design-agent-skills distinctive-frontend

SKILL.md Content

View Translation Comparison →

distinctive-frontend

Catalogue stub — full package: Koomook/claude-frontend-skills

Decision tree

Is the package already installed? Check: your agent's skills directory contains
```
distinctive-frontend
```
with content beyond this stub.
- Yes → invoke
```
distinctive-frontend
```
  and proceed
- No → go to step 2

Which agent are you on?

Claude Code →

npm install -g @bong/claude-frontend-skills

Cursor →

npm install -g @bong/claude-frontend-skills

Other →

npm install -g @bong/claude-frontend-skills

or see GitHub README

Install command

bash

npm install -g @bong/claude-frontend-skills

Invoke after install

Skill name:
```
distinctive-frontend
```
Trigger phrases: "distinctive frontend", "cyberpunk UI", "brutalist frontend", "vaporwave design", "nordic minimalism"

What it does

Packages four fully-specified design systems in a single skill: Cyberpunk (neon-on-dark, tech typography, glitch effects), Brutalist (high-contrast, raw grid, bold sans), Vaporwave (pastel gradients, retro type, synthwave motion), and Nordic Minimalism (clean whitespace, muted palette, functional sans). Each theme ships with curated typography pairings, a complete color system, and pre-built staggered animation sequences. Choose a theme by name and the skill generates production-ready component code aligned to that aesthetic.

When NOT to use

When you need production-safe, conservative design (these themes are opinionated and experimental — not suitable for enterprise SaaS or regulated industries without significant adaptation)
When you need to mix themes or create a hybrid aesthetic (each theme is self-contained and opinionated)

distinctive-frontend

NPX Install

Tags

SKILL.md Content

distinctive-frontend

Decision tree

Install command

Invoke after install

What it does

When NOT to use