korrodesign - 引导七阶段设计工作流
引导 Claude 完成七阶段网页设计流程，并使用包含 14 条规则的 ESLint 插件审计生成的界面。
标签
更新于: 2026-10-07该技能可以做什么
- 引导创意简报
- 配置设计参数
- 比较设计方向
- 规划实现步骤
- 生成项目资源
- 搭建 Next.js 项目
- 生成网站代码
- 审计界面结构
- 自动修复部分违规项
输入
- 项目阶段
- 项目定位
- 项目个性
- 沉浸程度
- 审美参考
- 五秒认知目标
- 内容分区
- 创意方向
- 设计简报
- 项目目录
- OpenRouter API 密钥
输出
- 设计简报文件
- 搭建完成的 Next.js 项目
- 生成的网站代码
- ESLint 审计结果
- 自动修复后的源文件
- 本地开发服务器
要求
- 支持 Claude Code 技能
- Node.js 运行环境
- ESLint
- Next.js 项目环境
- 项目写入权限
- 自动生成所需的 OpenRouter API 密钥