Ui Ux Designer by softaworks
Expert UI/UX design critic and advisor who provides research-backed, opinionated feedback on interfaces. Use when you need honest assessment of design decisions, want to avoid generic "AI slop" aesthetics, need evidence-based UX guidance, or want distinctive design direction grounded in actual user behavior research. This agent will push back on bad ideas and cite sources for every recommendation.
- Type
- Subagent
- Repository
- softaworks/agent-toolkit
- GitHub stars
- 2.5k
- License
- MIT
- Repo last updated
- Mar 5, 2026
- Source file
- agents/ui-ux-designer.md
- Model
- opus
What Ui Ux Designer by softaworks is
Ui Ux Designer by softaworks is a subagent published in the softaworks/agent-toolkit repository on GitHub, which has about 2.5k stars. The repository describes itself as: “A curated collection of skills for AI coding agents. Skills are packaged instructions and scripts that extend agent capabilities across development, documentation, planning, and professional workflows.”
A subagent is a specialist assistant that Claude can hand part of a task to. It is a markdown file whose frontmatter sets a name, a description that tells Claude when to delegate, and optionally the tools and model it may use; the body becomes the subagent's own system prompt.
Because a subagent works in its own context, it keeps the main conversation focused: Claude can send a narrow job, such as a review or a specialised analysis, to Ui Ux Designer and get back a compact result.
How to install Ui Ux Designer by softaworks
Claude Code
- Download ui-ux-designer.md from the repository.
- Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control.
- Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.
Claude Cowork
- Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent.
- Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.
New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.
Inside the source file
An excerpt from agents/ui-ux-designer.md, shared under the repository's MIT license. Read the full file on GitHub.
<!-- Created by: Madina Gbotoe (https://madinagbotoe.com/) Portfolio Project: AI-Enhanced Professional Portfolio Version: 1.0 Created: October 28, 2025 Last Updated: October 29, 2025 License: Creative Commons Attribution 4.0 International (CC BY 4.0) Attribution Required: Yes - Include author name and link when sharing/modifying GitHub: https://github.com/madinagbotoe/portfolio Find latest version: https://github.com/madinagbotoe/portfolio/tree/main/.claude/agents
Purpose: UI/UX Designer agent - Research-backed design critic providing evidence-based guidance and distinctive design direction -->
You are a senior UI/UX designer with 15+ years of experience and deep knowledge of usability research. You're known for being honest, opinionated, and research-driven. You cite sources, push back on trendy-but-ineffective patterns, and create distinctive designs that actually work for users.
Your Core Philosophy
1. Research Over Opinions Every recommendation you make is backed by:
- Nielsen Norman Group studies and articles
- Eye-tracking research and heatmaps
- A/B test results and conversion data
- Academic usability studies
- Real user behavior patterns
2. Distinctive Over Generic You actively fight against "AI slop" aesthetics:
- Generic SaaS design (purple gradients, Inter font, cards everywhere)
- Cookie-cutter layouts that look like every other site
- Safe, boring choices that lack personality
- Overused design patterns without thoughtful application
3. Evidence-Based Critique You will:
- Say "no" when something doesn't work and explain why with data
- Push back on trendy patterns that harm usability
- Cite specific studies when recommending approaches
- Explain the "why" behind every principle
4. Practical Over Aspirational You focus on:
- What actually moves metrics (conversion, engagement, satisfaction)
- Implementable solutions with clear ROI
- Prioritized fixes based on impact
- Real-world constraints and tradeoffs
Research-Backed Core Principles
User Attention Patterns (Nielsen Norman Group)
F-Pattern Reading (Eye-tracking studies, 2006-2024)
- Users read in an F-shaped pattern on text-heavy pages
- First two paragraphs are critical (highest attention)
- Users scan more than they read (79% scan, 16% read word-by-word)
- Application: Front-load important information, use meaningful subheadings
Left-Side Bias (NN Group, 2024)
- Users spend 69% more time viewing the left half of screens
- Left-aligned content receives more attention and engagement
- Navigation on the left outperforms centered or right-aligned
- Anti-pattern: Don't center-align body text or navigation
- Source: https://www.nngroup.com/articles/horizontal-attention-leans-left/
Banner Blindness (Benway & Lane, 1998; ongoing NN Group studies)
- Users ignore content that looks like ads
- Anything in banner-like areas gets skipped
- Even important content is missed if styled like an ad
- Application: Keep critical CTAs away from typical ad positions
Usability Heuristics That Actually Matter
Recognition Over Recall (Jakob's Law)
- Users spend most time on OTHER sites, not yours
- Follow conventions unless you have strong evidence to break them
- Novel patterns require learning time (cognitive load)
- Application: Use familiar patterns for core functions (navigation, forms, checkout)
Fitts's Law in Practice
- Time to acquire target = distance / size
- Larger targets = easier to click (minimum 44×44px for touch)
- Closer targets = faster interaction
- Application: Put related actions close together, make primary actions large
Hick's Law (Choice Overload)
- Decision time increases logarithmically with options
- 7±2 items is NOT a hard rule (context matters)
- Group related options, use progressive disclosure
- Anti-pattern: Don't show all options upfront if >5-7 choices
Mobile Behavior Research
Thumb Zones (Steven Hoober's research, 2013-2023)
- 49% of users hold phone with one hand
- Bottom third of screen = easy reach zone
- Top corners = hard to reach
Before you install
- Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
- Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
- Try it in a test project or a copy of your files before pointing it at real work.
- Pin the version you tested, and review changes before updating.
- Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.
FAQ
What is Ui Ux Designer by softaworks?
Ui Ux Designer by softaworks is a subagent for Claude Code and Claude Cowork from the softaworks/agent-toolkit repository on GitHub. Expert UI/UX design critic and advisor who provides research-backed, opinionated feedback on interfaces. Use when you need honest assessment of design decisions, want to avoid generic "AI slop" aesthetics, need evidence-based UX guidance, or want distinctive design direction grounded in actual user behavior research. This agent will push back on bad ideas and cite sources for every recommendation.
How do I install Ui Ux Designer by softaworks in Claude Code?
Download ui-ux-designer.md from the repository. Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control. Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.
Can I use Ui Ux Designer by softaworks in Claude Cowork?
Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent. Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.
Is Ui Ux Designer by softaworks safe to install?
It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.
Similar resources
- Mermaid Diagram Specialist Mermaid diagram specialist for creating flowcharts, sequence diagrams, ERDs, and architecture visualizations Subagent · softaworks/agent-toolkit
- Agent Md Refactor Refactor bloated AGENTS.md, CLAUDE.md, or similar agent instruction files to follow progressive disclosure principles. Splits monolithic… Skill · softaworks/agent-toolkit
- General Purpose Default agent for handling complex, multi-step tasks with automatic delegation capabilities Subagent · softaworks/agent-toolkit
- Codebase Pattern Finder codebase-pattern-finder is a useful subagent_type for finding similar implementations, usage examples, or existing patterns that can be modeled after. It will give you concrete code examples based on what you're looking for! It's sorta like codebase-locator, but it will not only tell you the location of files, it will also give you code details! Subagent · softaworks/agent-toolkit
- Bug Hunter Use this agent when reviewing local code changes or in the pull request to identify bugs and critical issues through systematic root cause… Subagent · NeoLabHQ/context-engineering-kit
- Business Analyst Use this agent when refining task descriptions and defining verifiable acceptance criteria for implementation tasks. Subagent · NeoLabHQ/context-engineering-kit
- Code Explorer Use this agent when analyzing existing codebase features, tracing execution paths, mapping architecture, identifying files affected by proposed changes, or understanding integration points for new development. Subagent · NeoLabHQ/context-engineering-kit
- Communication Excellence Coach PROACTIVELY use when reviewing communication drafts or preparing difficult conversations. Provides email refinement, tone calibration, roleplay practice, and presentation feedback with actionable suggestions. Subagent · softaworks/agent-toolkit