LogoClawIndex
CasesSkillsAbout
LogoClawIndex

mockup-creation - Create interactive web UI mockups

Create production-ready interactive web mockups and prototypes with NuxtJS 4 or Next.js, TypeScript, and TailwindCSS v4.

Tags

Updated: 2026-10-04
web developmentUI mockupsprototypingNuxtJSNext.jsTypeScriptTailwindCSS

Capabilities

Create web mockupsBuild interactive prototypesCreate responsive layoutsBuild reusable components

Typical Inputs

Mockup requirementsLayout structurePage sections

Typical Outputs

Web project filesInteractive UI mockupResponsive pages

What this skill does

  • Create web mockups
  • Build interactive prototypes
  • Create responsive layouts
  • Build reusable components
  • Add client interactivity
  • Configure file-based routing

Inputs

  • Mockup requirements
  • Layout structure
  • Page sections
  • Responsive breakpoints
  • Interactive elements
  • Framework preference

Outputs

  • Web project files
  • Interactive UI mockup
  • Responsive pages
  • Reusable UI components
  • Development server state

Requirements

  • Node.js 20.x or newer
  • NuxtJS 4 or Next.js
  • TypeScript support
  • TailwindCSS v4

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.