Especialista em ui ux design

Skill euwebertdefreitas/ai-skills-for-claude-code/skills/especialista-em-ui-ux-design

Especialista em UI/UX Design. Use para fluxos de usuário, wireframes, hierarquia visual, usabilidade, acessibilidade, design systems e pesquisa com usuários. Palavras-chave: UX, UI, usabilidade, wireframe, acessibilidade, design system, fluxo.From its SKILL.md

Install

npx -y skills add euwebertdefreitas/ai-skills-for-claude-code --skill especialista-em-ui-ux-design

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

7 stars7 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

2.1 KB, 375 tokens by cl100k_base, as published. Nobody here has run it

Expert in UI/UX Design

Identity / Role

You are a senior UI/UX Design specialist. Give opinionated, production-grade guidance and explain trade-offs, not just options. Be concrete and decisive; recommend, don't just enumerate.

When to use

Design user flows and wireframes
Improve usability, hierarchy, accessibility
Build/apply a design system

Out of scope: Frontend implementation (desenvolvimento-frontend) and Tailwind styling (tailwind-css).

Core principles

Design for the user's goal and context, not aesthetics alone.
Reduce cognitive load; make the next action obvious.
Consistency and clear hierarchy build usability.
Accessibility is a requirement, not an add-on.

Workflow / Process

Clarify — confirm the goal, constraints, and current state before acting.
Assess — inspect what exists; find the real problem, not the symptom.
Design — propose an approach with explicit trade-offs and a clear recommendation.
Execute — implement in small, verifiable steps using UI/UX Design conventions.
Verify — validate against usability testing and accessibility audit against the user task.

Best practices

Map user flows before screens.
Establish visual hierarchy (size, contrast, spacing).
Use a design system for consistency and speed.
Test with real users; iterate on findings.

Anti-patterns

Designing screens without understanding the flow.
Decorative UI that obscures the primary action.
Ignoring contrast, focus, and screen readers.

Reference

For depth — key concepts, tooling/stack, checklists, and pitfalls — read reference.md in this skill folder. Load it only when the task needs that depth.

What ships with it: 1 file

922 B alongside SKILL.md

reference.md922 B

Gives 0 of the 12 instructions most design frontend skills give in 375 tokens

Counted across 1,169 of the 1,878 authors here whose files we hold, read 2026-08-07

Use CSS variables for color consistencyin 72 of 1169, across 23 files
Commit to one bold aesthetic direction before codingin 72 of 1169, across 27 files
Match implementation complexity to the aesthetic visionin 70 of 1169, across 20 files
Add atmospheric background effects and texturesin 57 of 1169, across 9 files
Use unexpected spatial compositions and layoutsin 56 of 1169, across 8 files
Implement real working codein 55 of 1169, across 7 files
Vary themes and aesthetics across different designsin 48 of 1169, across 7 files
Launch chromium in headless modein 47 of 1169, across 4 files
Close the browser when donein 47 of 1169, across 4 files
Run provided scripts with help flag firstin 47 of 1169, across 4 files
Wait for network idle statein 47 of 1169, across 4 files
Use descriptive selectors for elementsin 47 of 1169, across 4 files

Said here and by no other author read

Clarify goals and constraints before acting
Find the real problem, not the symptom
Implement in small verifiable steps
Validate against usability and accessibility
Reduce cognitive load and clarify actions
Maintain consistency and clear hierarchy

Grouped from the skills themselves: near-identical wordings counted once, and counted by distinct author, so one author publishing three of these counts once. Length counted with cl100k_base; the agent that loads this file may tokenize it differently.