Skills
.Work. You
Rest

mockups

Community

Turn user stories into polished UI mockups

Design & Creative#html#screenshots#prototyping#user stories#ui design#responsive#mockups
Authoris-ivanov
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams quickly convert product stories into consistent, high-fidelity HTML interface mockups without missing required screen states or mobile versions.

Core Features & Use Cases

  • Story-driven mockup generation: Builds mockups directly from product story specifications and screen-state definitions.
  • Desktop and mobile parity enforcement: Ensures every desktop screen has a matching mobile counterpart before any files are created.
  • Design-system alignment: Uses existing UI conventions, templates, brand references, and Russian interface text requirements to keep outputs consistent.
  • Use case: When a product manager or designer needs clickable HTML screens for a new workflow, this Skill maps every required state, generates both desktop and mobile mockups, and prepares screenshots for review.

Quick Start

Ask the AI to generate mockups for a specific story by name or story number and it will gather context, build a complete screen plan, and produce desktop and mobile HTML screens.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mockups
Download link: https://github.com/is-ivanov/rpm-ddd/archive/main.zip#mockups

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.