Ui Ux Designer
Turn vague product ideas into clearer layouts, flows, and UI decisions before or while you implement the front end.
Overview
UI UX Designer is an agent skill most often used in Validate (also Build) that helps solo builders shape interfaces, user flows, and visual hierarchy before and during implementation.
Install
npx skills add https://github.com/lotosbin/claude-skills --skill ui-ux-designerWhat is this skill?
- Agent-guided UI/UX thinking for solo builders without a dedicated design team
- Supports wireframe-level structure, visual hierarchy, and component choices
- Helps align flows and screens before committing to frontend implementation
- Useful for SaaS dashboards, mobile shells, and marketing-style product surfaces
- Pairs naturally with frontend build work after the experience direction is set
Adoption & trust: 1.7k installs on skills.sh; 12 GitHub stars.
What problem does it solve?
You are building alone and the product works technically but feels confusing, inconsistent, or unpolished because no one is owning UX decisions.
Who is it for?
Indie SaaS or app builders prototyping dashboards, landing-adjacent product UI, or mobile-first flows without a staff designer.
Skip if: Formal accessibility audits, brand systems for large teams, or pure backend/API work with no user-facing surface.
When should I use this skill?
You need UI/UX direction for screens, flows, or visual structure while validating or building a customer-facing product without a dedicated designer.
What do I get? / Deliverables
You leave with clearer screen structure, flow recommendations, and UI guidance you can hand to your agent or implement in code without endless visual thrash.
- Flow and layout recommendations
- UI hierarchy and component guidance suitable for implementation
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
UX clarity belongs earliest on the journey shelf at Validate when you are still proving the experience, even though it also guides Build. Prototyping is where interaction patterns, hierarchy, and usability tradeoffs are decided—not ASO or analytics tuning.
Where it fits
Define primary user paths and screen list before you commit to a no-code or coded prototype.
Refine component layout, states, and empty states while implementing your UI framework.
Tighten above-the-fold clarity and CTA placement on a product marketing page.
How it compares
Use for guided UX and UI judgment in chat, not as a Figma plugin or automated design-to-code export pipeline.
Common Questions / FAQ
Who is ui-ux-designer for?
Solo and indie builders using Claude-family agents who need practical UI and UX direction while scoping or building customer-facing products.
When should I use ui-ux-designer?
In Validate when sketching prototypes and onboarding flows; in Build when choosing layout, components, and interaction patterns for frontend work; optionally in Launch when polishing hero and conversion-oriented surfaces.
Is ui-ux-designer safe to install?
Check the Security Audits panel on this Prism page; the skill is editorial guidance and typically does not require dangerous permissions beyond normal agent filesystem access to your project.
SKILL.md
READMESKILL.md - Ui Ux Designer
# ui-ux-designer Installs: 1712 Source: lotosbin/claude-skills { "id": "lotosbin/claude-skills/ui-ux-designer", "url": "https://www.skills.sh/lotosbin/claude-skills/ui-ux-designer", "name": "ui-ux-designer", "slug": "ui-ux-designer", "source": "lotosbin/claude-skills", "installs": 1712, "installUrl": "https://github.com/lotosbin/claude-skills", "sourceType": "github" }