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/skills-registry
- 최근 소스 활동
- 2026년 4월 28일 22:53
- 감지된 SKILL.md 언어
- 영어
- 스타
- 1
- 포크
- 0
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
파일 탐색기
2 개 파일SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- logics-uiux-designer
- description
- 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.
- metadata
- {"author":"alexago83"}
# 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):
```bash
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).
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.
<!-- tomevault:4.0:skill_md:2026-04-13 -->
GitHub에서 보기