用途：frontend-ui 是一个前端 UI 设计技能，目标是让生成的界面避免常见的通用化、模板化风格，创建更有辨识度、更具美感的 HTML、CSS、JavaScript 或 React 前端界面。当用户要求制作网页、落地页、Web 界面、视觉组件或布局，或提到设计、美学、仪表盘、作品集等时使用。
主要能力：围绕四个设计维度提供研究支持的提示策略。排版方面，建议避免 Inter、Roboto、Arial、Helvetica 及系统字体，改用 JetBrains Mono、Fira Code、Space Grotesk、Clash Display、Playfair Display、Outfit 等，并采用高对比字体搭配、极端字重变化和 3 倍以上字号跳跃。配色方面，建议避免白底紫色渐变等套路，使用 CSS 变量，选定赛博朋克、太阳朋克、粗野主义、终端等统一主题，采用 2 至 3 个主色加 1 至 2 个强调色。动效方面，HTML 用 CSS 动画，React 可用 Framer Motion，强调有编排的页面载入与错落揭示，时长多在 0.4 至 0.8 秒。背景方面，建议使用分层渐变、网格、圆点、噪点等营造层次，而非纯色背景。
使用方式：先了解界面用途、目标受众与期望氛围，再选择统一的美学方向，并在写代码前明确声明主题、字体、配色、动效与背景方案，然后按需求用原生技术或 React 实现，可配合 Tailwind CSS，字体从 Google Fonts 加载，使用 CSS 自定义属性，并保证响应式。也可单独调整某一维度，例如只改排版或只增强动效。
适用场景：开发者作品集、创意机构落地页、应用仪表盘等。
限制：内容来自 Anthropic 的前端美学提示研究；未提供具体安装命令、价格、平台支持范围或性能指标，需以实际资料为准。需注意对比度与可读性，动效应使用 CSS 变换以保证性能。