Back to Details

distinctive-frontend

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

distinctive-frontend

distinctive-frontend

Catalogue stub — full package: Koomook/claude-frontend-skills
目录存根 — 完整包：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
  1. 包是否已安装？ 检查：你的Agent技能目录中是否包含
    distinctive-frontend
    ，且内容超出此存根。
    • 是 → 调用
      distinctive-frontend
      并继续
    • 否 → 进入步骤2
  2. 你使用的是哪个Agent？
    • Claude Code → 
      npm install -g @bong/claude-frontend-skills
    • Cursor → 
      npm install -g @bong/claude-frontend-skills
    • 其他 → 
      npm install -g @bong/claude-frontend-skills
      或查看GitHub README

Install command

安装命令

bash
npm install -g @bong/claude-frontend-skills
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"
  • 技能名称：
    distinctive-frontend
  • 触发短语："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)
  • 当你需要生产环境安全、保守的设计时（这些主题风格鲜明且具有实验性——若无大幅调整，不适合企业级SaaS或受监管行业）
  • 当你需要混合主题或创建混合美学风格时（每个主题都是独立且风格鲜明的）