一键生成独特、高质感前端网站，拒绝AI平庸设计，支持Vite/Next.js双栈输出
说明：
## 核心功能
**Frontend Design Ultimate** 是一款专业级前端网站生成工具，能将纯文本需求转化为具有强烈视觉辨识度的生产级静态站点。其核心能力在于”反AI平庸设计”（anti-AI-slop）——通过系统化的设计方法论，确保输出作品具有人工设计师级别的审美品质。
### 显著优势
**1. 极致的设计系统**
– 内置10种大胆的设计调性（Brutally Minimal、Maximalist Chaos、Retro-Futuristic等），强制用户选择并全情投入
– 严格的字体禁令（禁用Inter/Roboto等通用字体），推荐Clash、Cabinet Grotesk等个性字体
– 70-20-10色彩法则，拒绝 evenly-distributed 的平庸配色
– 单一难忘元素原则：每个设计必须有让人记住的亮点
**2. 成熟的技术栈**
– React 18 + TypeScript + Tailwind CSS + shadcn/ui + Framer Motion
– 预置10+常用shadcn组件，支持一键扩展
– 双工作流支持：Vite（纯静态/HTML单文件）和 Next.js（Vercel部署）
**3. 移动端优先的响应式方案**
– 详细的断点策略（1200px/768px/480px）
– 常见模式的标准修复方案（如hero双列变flex单列）
– 字体降级比例明确（48px→32px等）
**4. 完善的工程化**
– 单文件siteConfig.ts集中管理内容
– 预置初始化脚本和打包脚本
– 完整的可访问性检查清单（WCAG AA对比度、语义化HTML等）
### 潜在局限
– **学习成本**：设计方法论需要理解”极端调性选择”等抽象概念
– **字体依赖**：推荐的部分字体需自行获取（如Clash Grotesk为付费字体）
– **静态局限**：纯静态输出，如需后端功能需自行扩展
– **AI设计边界**：虽称”反AI平庸”，但极端风格（如Brutalist）仍可能过度依赖AI的”随机性”
### 适合人群
– **独立开发者/初创团队**：需要快速产出高质感landing page
– **设计师+开发者混合角色**：理解设计系统，想用代码实现想法
– **营销/产品人员**：有明确内容需求，希望跳过设计-开发流程
### 常规风险
– Node.js/npm依赖环境要求
– 初始化过程会从npm安装create-next-app等官方CLI工具
– 单文件bundle.html可能体积较大（含所有CSS/JS inline）
## 安全评估
该Skill通过CLS S+顶级安全认证（100分），六维检测零风险：
– 无危险函数、无敏感信息泄露
– 无外部API调用、无数据收集
– 代码结构透明，仅调用标准Node.js CLI工具
会员专属
