How do I install the Logics Uiux Designer skill?

Run npx skillmds@latest add tomevault-io/logics-uiux-designer in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Logics Uiux Designer safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Logics Uiux Designer?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Logics Uiux Designer free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Logics Uiux Designer?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Logics Uiux Designer by tomevault-io

Name: Logics Uiux Designer
Author: tomevault-io

Logics Uiux Designer

Product UI/UX design assistant for this repo. Use when Codex should propose UI/UX improvements, redesign flows/screens, define a lightweight design system (tokens/components/states), and produce actionable handoff artifacts (specs, backlog items, tasks) aligned with the `logics/*` workflow. Use when this capability is needed.

tomevault-io Updated Sep 17, 2026

File contents

Product UI/UX workflow

Inputs to request (ask if missing)

Platform (web/mobile/desktop), target device sizes, and constraints (tech, time, brand).
The user goal (job-to-be-done) and primary success metric.
Current UX issues (screenshots, video, repro steps, analytics, support tickets).
Existing design system/tokens/components (if any).

Outputs to produce

A concise UI/UX proposal in logics/specs/ (use the template in assets/templates/uiux_proposal.md).
One backlog item with clear acceptance criteria.
One or more tasks with a concrete plan + validation commands.

Create a UI/UX proposal doc

Use the generator script (creates a spec_XXX_*.md in logics/specs/ using the UI/UX proposal template):

python logics/skills/logics-uiux-designer/scripts/logics_uiux.py new --title "Redesign offline recap modal"

Procedure

Audit current UX
- List top issues (severity, frequency, impact).
- Identify where users get stuck (friction, cognitive load, errors).
Define the target experience
- Goals, non-goals, and success metrics.
- Proposed user flow(s) and information architecture.
Design the solution
- Screen-by-screen changes (layout, hierarchy, states).
- Component inventory (new vs reuse), and state matrix (loading/empty/error/disabled).
- Content/microcopy guidelines (labels, errors, confirmations).
Quality checks
- Accessibility: focus order, keyboard nav, contrast, touch targets.
- Responsiveness: small/medium/large layouts.
Handoff into Logics
- Create/promote docs using logics-flow-manager.
- Convert acceptance criteria into a concrete validation plan (see logics-acceptance-to-tests).

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: logics-uiux-designerdescription: Product UI/UX design assistant for this repo. Use when Codex should propose UI/UX improvements, redesign flows/screens, define a lightweight design system (tokens/components/states), and produce actionable handoff artifacts (specs, backlog items, tasks) aligned with the `logics/*` workflow. Use when this capability is needed.---# Product UI/UX workflow## Inputs to request (ask if missing)- Platform (web/mobile/desktop), target device sizes, and constraints (tech, time, brand).- The user goal (job-to-be-done) and primary success metric.- Current UX issues (screenshots, video, repro steps, analytics, support tickets).- Existing design system/tokens/components (if any).## Outputs to produce- A concise UI/UX proposal in `logics/specs/` (use the template in `assets/templates/uiux_proposal.md`).- One backlog item with clear acceptance criteria.- One or more tasks with a concrete plan + validation commands.## Create a UI/UX proposal docUse the generator script (creates a `spec_XXX_*.md` in `logics/specs/` using the UI/UX proposal template):```bashpython logics/skills/logics-uiux-designer/scripts/logics_uiux.py new --title "Redesign offline recap modal"```## Procedure1. Audit current UX - List top issues (severity, frequency, impact). - Identify where users get stuck (friction, cognitive load, errors).2. Define the target experience - Goals, non-goals, and success metrics. - Proposed user flow(s) and information architecture.3. Design the solution - Screen-by-screen changes (layout, hierarchy, states). - Component inventory (new vs reuse), and state matrix (loading/empty/error/disabled). - Content/microcopy guidelines (labels, errors, confirmations).4. Quality checks - Accessibility: focus order, keyboard nav, contrast, touch targets. - Responsiveness: small/medium/large layouts.5. Handoff into Logics - Create/promote docs using `logics-flow-manager`. - Convert acceptance criteria into a concrete validation plan (see `logics-acceptance-to-tests`).---> Converted and distributed by [TomeVault](https://tomevault.io/claim/alexago83) — claim your Tome and manage your conversions.

Frequently asked questions