mismagent-ux-designer

Generates UI concepts, component breakdowns, and data view proposals for feature design.

Updated Jun 12, 2026
One-click install
npx skills add https://github.com/lucolucus/mismagent --skill mismagent-ux-designer-lucolucus
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mismagent-ux-designer
Source: https://github.com/lucolucus/mismagent/tree/main/codex/skills/mismagent-ux-designer
Command: npx skills add https://github.com/lucolucus/mismagent --skill mismagent-ux-designer-lucolucus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing a feature's UI before code exists is hard to structure: ideas stay vague, states get forgotten, and the design never connects to what developers actually build. This Skill turns a product brief and existing screens into a concrete UX proposal that directly seeds the build manifest. ## Core Features & Use Cases - Divergent concept generation: Produces 1-3 UI concepts (layout, flow, component breakdown) using How-Might-We reframing and Crazy-8 style sketching, then converges on one with the user. - State-complete screen design: Defines empty, error, and loading states for every screen, not just the happy path. - Consumer-driven data views: Identifies the data views each screen needs, which seed the read-models' view_shape and the manifest's ui blocks downstream. - Use Case: Given a product-brief.md and existing mockups for a new dashboard feature, produce a ux-proposal.md with screens, components, states, and required data views that the build phase consumes directly. ## Quick Start Ask the agent to design the UI for a feature by reading its product brief and any existing screens, then produce a ux-proposal.md with concepts, components, states, and data views.

Frequently Asked Questions about mismagent-ux-designer

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

FAQPage Schema
How do I design a feature UI before writing frontend code?

Read the feature's product brief and any existing mockups or screenshots, then diverge into 1-3 layout concepts with component breakdowns before converging on one. The result is written as a ux-proposal.md covering screens, states, and required data views.

What techniques help generate multiple UI concepts quickly?

Use How-Might-We reframing to open the solution space, then Crazy-8 style rapid sketching to produce several layout ideas. Compare 2-3 concepts with the user before converging on a single design.

Does this skill write frontend code or components?

No, it explicitly does not write code. It produces the design proposal only; the frontend worker implements the components during the build phase based on the manifest's ui blocks.

What inputs are needed to start a UX design proposal?

It needs the feature's product-brief.md and the project's context-map.md for canonical naming, plus any visual material declared in the profile such as existing mockups or domain screenshots. If no material exists, it starts from the brief alone.

Why should empty, error, and loading states be designed upfront?

Designing states before the polished UI prevents gaps that surface late in development. Each screen's states are recorded in the ux-proposal so the build phase implements them alongside the happy path.