SkillsAdd

smithery/alexago83

logics-uiux-designer

Product UI/UX design assistant for this repo.

Installation

$ npx skills add smithery/alexago83 --skill logics-uiux-designer
View on skills.sh ↗ Website ↗

Summary

  • 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.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

agent-browser Shared topics
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
web-design-guidelines Shared topics
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

617.3K installs
microsoft-foundry Shared topics
microsoft/azure-skills

Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …

576.5K installs
azure-hosted-copilot-sdk Shared topics
microsoft/azure-skills 440.4K installs
azure-enterprise-infra-planner Shared topics
microsoft/azure-skills

Architect and provision enterprise Azure infrastructure from workload descriptions. For cloud a…

402.8K installs

Also in this package

Other skills from smithery/alexago83 · top by installs.

npx skills add smithery/alexago83
logics-spec-writer 0 logics-ollama-specialist 0 logics-mockup-generator 0 logics-mcp-chrome-devtools 0 logics-indexer 0 logics-flow-manager 0 logics-doc-linter 0 logics-connector-jira 0 logics-confidence-booster 0 logics-bootstrapper 0

Browse all from smithery/alexago83

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,047 B
  • docs SUMMARY.md 319 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

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 specXXX*.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

  1. Audit current UX

- List top issues (severity, frequency, impact). - Identify where users get stuck (friction, cognitive load, errors).

  1. Define the target experience

- Goals, non-goals, and success metrics. - Proposed user flow(s) and information architecture.

  1. 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).

  1. Quality checks

- Accessibility: focus order, keyboard nav, contrast, touch targets. - Responsiveness: small/medium/large layouts.

  1. Handoff into Logics

- Create/promote docs using logics-flow-manager. - Convert acceptance criteria into a concrete validation plan (see logics-acceptance-to-tests).