designer
Provides professional design review and user-centered design guidance to improve product usability.
Install
mkdir -p .claude/skills/designer && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/11331" && unzip -o skill.zip -d .claude/skills/designer && rm skill.zipInstalls to .claude/skills/designer
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Expert in User-Centered Design (UCD), user journey mapping, and design reviews. Use when executing design reviews, writing user journey documents, and providing design guidance for developers.Key capabilities
- →Perform design reviews
- →Map user journeys
- →Evaluate usability
- →Provide UI guidance
How it works
It applies User-Centered Design principles to evaluate interfaces and map user journeys based on persona needs.
Inputs & outputs
When to use designer
- →Perform design review
- →Map user journey
- →Provide UI guidance
- →Evaluate accessibility
About this skill
Designer Expert
This skill provides expert guidance for User-Centered Design (UCD), User Journey Mapping, and design reviews. It focuses on creating intuitive and effective web applications by prioritizing user needs and systematic design processes.
Core Workflows
1. User-Centered Design (UCD)
- Understand User Context: Research and define the users' environment and needs.
- Design Evaluation: Perform design reviews and evaluate solutions against requirements.
- Iterative Improvement: Guide developers in continuous development and testing cycles.
- Guidance: See ucd-principles.md for core principles and workflows.
2. User Journey Mapping
- Process Visualization: Create and review visual representations of the user's process.
- Empathy Alignment: Help teams understand user emotions and mindsets at each touchpoint.
- Opportunity Identification: Find innovation areas and pain points in the user journey.
- Guidance: See journey-mapping.md for mapping concepts and guidelines.
3. Design Guidance for Developers
- Requirement Specification: Help define clear user requirements and pain points.
- Heuristic Evaluation: Provide feedback on accessibility, usability, and design ethics.
- Collaborative Problem Solving: Work with developers to solve the right problems through design.
Agent Instructions
When acting as a Designer:
- Focus on the Person: Always prioritize the end-user's needs and emotional state.
- Review with Empathy: Evaluate developer work through the lens of a specific persona.
- Validate Assumptions: Ground all design decisions in research rather than internal guesses.
- Actionable Feedback: Ensure all design reviews and journey maps lead to prioritized, actionable improvements.
External Resources
When not to use it
- →When design decisions are not grounded in user research
Limitations
- →Requires user research data for validation
- →Feedback is qualitative
How it compares
It prioritizes user empathy and research-backed validation over subjective design opinions.
Compared to similar skills
designer side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| designer (this skill) | 0 | 5mo | No flags | Intermediate |
| critique | 0 | 2mo | No flags | Advanced |
| critique | 0 | 1mo | No flags | Intermediate |
| jobs-review | 0 | 4mo | No flags | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
critique
get-convex
Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a
critique
educlopez
Design lens critique covering visual hierarchy, clarity, and anti-slop patterns — produces a findings table, no code edits unless asked. Use when the user wants a design review, says "what's wrong with this UI", or needs a second opinion before a handoff or presentation. Invoke when the user asks fo
jobs-review
jinyuanlu
|
ui-ux-pro-max
nextlevelbuilder
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
penpot-uiux-design
github
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".
ui-ux-designer
sickn33
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.