Nimbalyst

Mockup — Design skill for Claude Code

Design community

Create a visual UX mockup for a requested feature or screen.

How to install Mockup

Installs to ~/.claude/commands/nimbalyst-nimbalyst-mockup.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/Nimbalyst/nimbalyst/HEAD/.claude/commands/mockup.md -o ~/.claude/commands/nimbalyst-nimbalyst-mockup.md

Restart Claude Code, or start a new session, for it to be picked up.

What Mockup does

packageVersion: 1.0.0 packageId: core description: Create a visual UX mockup for a requested feature or screen.

Create a visual UX mockup for: {{arg1}}

Determine Mockup Type

First, determine if this is:

New screen/feature - Something that doesn't exist yet
Modification to existing screen - Changes to an existing UI in the codebase

Steps for NEW Screens

**Parse the request** - Understand what UI/screen/feature the user wants to mock up
**Check for style gui

Alternatives in Design

Design Reel — Record naksha's design team working — turn a /design run into a share-able vertical + landscape video reel (th 309 ★
Design Feature — Design a new feature "$ARGUMENTS" for the OpenUsage TUI dashboard 180 ★
3D Studio Pricing — Create a full-screen hero section with a looping video background and a pricing card overlay 152 ★