LogoClawIndex
案例技能关于
LogoClawIndex

mockup-creation - 创建交互式网页界面原型

使用 NuxtJS 4 或 Next.js、TypeScript 和 TailwindCSS v4 创建可交互的生产级网页界面原型。

标签

更新于: 2026-10-04
网页开发界面原型原型设计NuxtJSNext.jsTypeScriptTailwindCSS

能力

典型输入

典型输出

该技能可以做什么

  • 创建网页界面原型
  • 构建交互式原型
  • 创建响应式布局
  • 构建可复用组件
  • 添加客户端交互
  • 配置基于文件的路由

输入

  • 原型需求
  • 布局结构
  • 页面区块
  • 响应式断点
  • 交互元素
  • 框架偏好

输出

  • 网页项目文件
  • 交互式界面原型
  • 响应式页面
  • 可复用界面组件
  • 开发服务器状态

要求

  • Node.js 20.x 或更高版本
  • NuxtJS 4 或 Next.js
  • TypeScript 支持
  • TailwindCSS v4

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建网页界面原型
构建交互式原型
创建响应式布局
构建可复用组件
原型需求
布局结构
页面区块
网页项目文件
交互式界面原型
响应式页面