LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

new-page - 创建符合设计系统的新页面

在项目中创建新页面,强制执行设计规则并包含必需的版块模式。

标签

更新于: 2026-02-17
页面创建网页开发设计系统前端

能力

典型输入

典型输出

该技能可以做什么

  • 读取设计规则文件
  • 读取设计令牌文件
  • 审查版块模式
  • 起草页面大纲
  • 实现页面版块
  • 更新路由配置
  • 运行ESLint验证
  • 使用设计令牌
  • 使用现有组件
  • 包含占位图像

输入

  • design_rules.md文件
  • design-tokens.ts文件
  • 组件模式
  • 占位图像
  • 用户页面请求

输出

  • 新页面文件
  • 更新的App.tsx路由
  • 已检查代码
  • 构建的项目

要求

  • ESLint配置
  • npm构建系统
  • React/TypeScript项目
  • 设计系统文件

来源

  • 规范: SKILL.md
读取设计规则文件
读取设计令牌文件
审查版块模式
起草页面大纲
design_rules.md文件
design-tokens.ts文件
组件模式
新页面文件
更新的App.tsx路由
已检查代码