LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

frontend-page - 创建前端页面

遵循四层架构与严格的关注点分离原则创建前端页面。

标签

更新于: 2026-09-15
前端Next.jsReact组件架构

能力

典型输入

典型输出

该技能可以做什么

  • 识别项目路由模式
  • 创建服务端页面组件
  • 定义容器类型
  • 实现容器逻辑 Hook
  • 实现容器视图组件
  • 显式导出模块类型

输入

  • 功能名称
  • 项目路由结构
  • 组件属性与状态

输出

  • Page 组件文件
  • Container 模块文件
  • 共享 Hook 文件
  • UI 组件文件

要求

  • Next.js 16 App Router
  • React 19
  • Tailwind CSS 4
  • use-immer
  • ky HTTP 客户端

来源

  • 规范: SKILL.md
识别项目路由模式
创建服务端页面组件
定义容器类型
实现容器逻辑 Hook
功能名称
项目路由结构
组件属性与状态
Page 组件文件
Container 模块文件
共享 Hook 文件