skills.rest
ShaheerKhawaja
ShaheerKhawajaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

productionos-designer-upgrade

Audit web application interfaces and generate design systems, mockups, and implementation plans.

8|Updated Mar 17, 2026
Search Tags:#workflow#design#ui#implementation#ux#design-system#mockups
One-click install
npx skills add https://github.com/ShaheerKhawaja/ProductionOS --skill productionos-designer-upgrade
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: productionos-designer-upgrade
Source: https://github.com/ShaheerKhawaja/ProductionOS/tree/main/codex-skills/productionos-designer-upgrade
Command: npx skills add https://github.com/ShaheerKhawaja/ProductionOS --skill productionos-designer-upgrade

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX redesign projects are often disjoint, lacking a cohesive system and actionable artifacts. This workflow provides an end-to-end pipeline to audit interfaces, synthesize issues, and produce reusable design systems and implementation plans.

Core Features & Use Cases

  • Audit current interfaces to identify usability problems and design debt.
  • Build or refine a design system, component library, and visual language.
  • Generate interactive mockups and artifacts ready for stakeholder review.
  • Produce an actionable implementation plan bridging design and engineering.

Quick Start

Use this alias to invoke the designer-upgrade workflow to generate a design-system-driven redesign pipeline from the current UI.

Frequently Asked Questions about productionos-designer-upgrade

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

FAQPage Schema
How do I conduct an end-to-end UI/UX redesign for a web application?▼

An end-to-end UI/UX redesign audits current interfaces to identify usability problems, synthesizes a cohesive design system, generates mockups, and produces an actionable implementation plan bridging design and engineering.

What is a design-system-driven workflow for dashboard redesign?▼

A design-system-driven workflow evaluates existing dashboards for design debt, refines the visual language into a component library, and outputs interactive mockups and implementation plans for stakeholder review and engineering execution.

Can I generate interactive mockups and an implementation plan from an existing UI audit?▼

Yes, auditing an existing interface allows you to synthesize identified issues into a refined design system, generate interactive mockups ready for stakeholder review, and produce an actionable implementation plan for engineering.

What's the best way to bridge design and engineering during a UI redesign?▼

The best way to bridge design and engineering is producing an actionable implementation plan alongside cohesive design systems and mockups, ensuring rapid iteration and seamless execution for web applications and dashboards.

Does this UI redesign workflow support rapid iteration for web dashboards?▼

Yes, this workflow supports rapid iteration for web dashboards by auditing usability problems, building a reusable component library, and generating actionable artifacts to quickly refine the visual language.

Related Skills

Explore More Design & Creative Skills→
omerakbenomerakben
1

web-design-guidelines

Analyze UI code against Web Interface Guidelines for accessibility and usability issues.

Community
Basic
muammeryldrm42muammeryldrm42

Frontend Component Builder

Plan and validate React-like frontend components through incremental delivery steps.

Community
Intermediate
HmbownHmbown
105

silent-image

Render static visual mockups with clear annotations for design reviews.

Community
Basic
ShaheerKhawajaShaheerKhawaja
8

designer-upgrade

Orchestrate UI/UX redesign workflows producing HTML mockups and design tokens.

Community
Advanced