new-page - 创建符合设计系统的新页面
构建符合设计规则并包含所需布局部分的新项目页面
标签
更新于: 2026-02-17能力
典型输入
典型输出
该技能可以做什么
- 读取设计规则
- 读取设计令牌
- 审查区块模式
- 起草页面大纲
- 实现页面区块
- 更新路由
- 运行ESLint
- 运行构建命令
输入
- design_rules.md
- client/src/design-tokens.ts
- 组件模式
- 占位图
- ESLint配置
- npm构建脚本
输出
- 新页面文件
- 更新的路由
- 代码检查结果
- 构建输出
要求
- 家庭厨房系统英雄模式
- 全蓝色信任渐变区块
- 先买后付样式区块
- 占位图区块
- 设计令牌使用
- 交替背景节奏
- 蓝色区块的反色徽章样式