skills.rest
FriendlyInternet
FriendlyInternetOFFICIAL
Explore all skills by this author →
GitHub

ui-proposal

Manage UI proposal reviews with live staging previews or static mockups and GitHub feedback.

10|Updated Sep 24, 2025
Search Tags:#design review#html/css#ui proposal#staging preview#static mockup
One-click install
npx skills add https://github.com/FriendlyInternet/nuxt-crouton --skill ui-proposal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-proposal
Source: https://github.com/FriendlyInternet/nuxt-crouton/tree/main/.claude/skills/ui-proposal
Command: npx skills add https://github.com/FriendlyInternet/nuxt-crouton --skill ui-proposal

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill enables you to propose UI changes and get human sign-off before actual development begins, reducing the likelihood of rework and saving time.

Core Features & Use Cases

  • Live Preview: Deploy UI changes to a staging environment for real-time review.
  • Static Mockup: Create offline HTML/CSS mockups for situations where live deployment isn't feasible.
  • Review Feedback: Collect feedback and iterate on proposed UI changes without additional development.

Quick Start

Use the ui-proposal skill to create a UI proposal for the 'Mobile collection viewer' component. Deploy it live or use the static fallback with the --static flag.

Frequently Asked Questions about ui-proposal

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I preview UI changes for review before starting development?▼

To preview UI changes for review before development, you can deploy live staging previews of Vue.js components or generate offline HTML/CSS static mockups to collect human feedback and sign-off without writing production code.

Can I create a static mockup if live staging deployment isn't feasible?▼

Yes, you can create a static mockup by using the `--static` flag to generate offline HTML/CSS fallbacks, allowing you to propose UI changes and collect design review feedback without a live deployment environment.

How does collaborative design review feedback work for UI proposals?▼

Collaborative design review feedback for UI proposals is collected via GitHub comments, allowing teams to iterate on staging previews or static mockups and request changes before actual development begins.

Does the UI proposal process support Vue.js pages and layouts?▼

Yes, the UI proposal process operates directly on Vue.js components, layouts, pages, and themes, enabling you to deploy targeted UI changes to a staging environment for real-time review.

Why propose UI changes in a staging environment before building them?▼

Proposing UI changes in a staging environment before building them reduces the likelihood of development rework by enabling human sign-off on live previews or static mockups during the design review phase.

Related Skills

Explore More Design & Creative Skills→
cloudofgeorgecloudofgeorge

design-html

Convert design mockups into semantic HTML and responsive CSS.

Community
Intermediate
joeylife94joeylife94

design-shotgun

Generate and compare multiple AI design variants for UI/UX exploration.

Community
Intermediate
sbonocsbonoc

blueprint-sdd-step02-resolve-questions

Automate review comments and artifact edits for open questions in GitHub pull requests.

Community
Intermediate
marcusgollmarcusgoll
91

mockup-extraction

Extract reusable UI components from approved HTML mockups and map CSS to Tailwind utilities.

Community
Advanced