AGENT SKILL

ux-designer

UX principles for planning or auditing an interface: accessibility (WCAG, EAA), information architecture, microcopy, i18n/RTL, and AI or voice UX.

适用职业设计师
License 许可
Apache-2.0
最近更新
2026-11-13
Stars
★ 1.6k
Forks
483

01 前言 Front Matter

name
ux-designer
description
UX principles for planning or auditing an interface: accessibility (WCAG, EAA), information architecture, microcopy, i18n/RTL, and AI or voice UX.

02 资源文件 26

03 SKILL.md 正文

UX Designer Skill

A UX depth library. Read the reference for the task before designing or reviewing; each number and pattern has one home there, so cite the reference rather than restating values from memory.

Lens

Rank every decision by the UX hierarchy of needs: functional, then reliable, usable, convenient, and only then pleasurable.

  • Calm over busy. Motion, color and density earn their place by aiding understanding.
  • AI as copilot, not autopilot. AI help is optional, labeled, reversible and transparent.
  • Responsible adaptation. Adapt to real user needs and context; never manipulate through opaque personalization.
  • Judgment over polish. Research, correctness and knowing when not to add something are the value.

Baseline

Every interface, whatever the task:

  • Every interactive element is reachable and operable by keyboard, with a visible focus state and an accessible name and role.
  • Color never carries information alone; images have text alternatives.
  • Every action produces a visible response; motion respects prefers-reduced-motion.
  • Errors appear next to their field in plain language.
  • Consent is symmetric: equal-prominence accept and reject, nothing pre-checked, cancellation as easy as sign-up, neutral decline copy.
  • Strings are externalized and layouts survive translation and dir="rtl".

References

Task Reference
Usability heuristics, mental models, anti-pattern audit index 01-core-principles
Laws of UX (Fitts, Hick, Miller, Jakob) 02-laws-of-ux
WCAG 2.2 AA and EAA accessibility 03-accessibility
Visual hierarchy, typography, spacing 04-visual-design
Navigation, wayfinding, content structure 05-information-architecture
Feedback, states, gestures, modal vs panel vs page 06-interaction-design
Forms, validation, input types 07-forms-and-inputs
Mobile ergonomics and thumb zones 08-mobile-ux
UX writing and microcopy 09-ux-writing
User research methods 10-user-research
Design system foundations and governance 11-design-systems
Presence, live cursors, avatars 12a-presence-awareness
Conflicts, sync, sharing, offline 12b-conflict-resolution-sync
Canvas zoom, pan, selection 13a-canvas-navigation
Canvas objects, layers, performance 13b-canvas-objects-performance
AI chat, copilots, agents, generative UI 14-ai-ux-patterns
Dark patterns and consent 15-ethical-design
Onboarding and activation 16-onboarding
Notifications, toasts, attention 17-notifications
Dashboards and data visualization 18-data-visualization
Search and autocomplete 19-search-ux
Emotional design and trust 20-emotional-design
Data tables, pagination, bulk actions 21-data-tables
Loading, skeletons, optimistic updates 22-performance-ux
Internationalization and RTL 23-internationalization
Voice, multimodal, cross-device input 24-voice-and-multimodal

For an audit, walk the anti-pattern index in 01-core-principles and report each hit with its reference.

04 同仓库更多 Skills

hashgraph-online
hashgraph-online/awesome-codex-plugins

migrate-to-e2e

Moves an existing Playwright, Cypress, Selenium, Appium, Detox, Maestro, or TesterArmy suite to e2e one slice at a time, with the old suite running beside the new one until each ported test is proven. Keeps a MIGRATION.md progress file so any later session resumes where the last stopped. Optionally plants a defect to show both suites catch it. Use for /migrate-to-e2e, "migrate our tests to e2e", "port these Maestro flows", "move our TesterArmy tests", or when a project has an e2e config and an older suite still running.

★ 1.6k
hashgraph-online
hashgraph-online/awesome-codex-plugins

e2e

Writes, runs, and debugs end-to-end tests for web and mobile apps with e2e, the agentic test runner, which mixes agent.act goals with exact locator assertions on a Playwright browser or an iOS or Android device. Also drives a project's running app live over the e2e MCP server to look at a screen, check a UI change, take a screenshot or record a video, and try a locator; and runs bug bashes, parallel e2e explore runs with each bug proven by a repro test. Use when a project depends on e2e or has an e2e.config.ts, when asked for end-to-end, browser, mobile, or agentic UI tests, to check a change in the running app, to QA or bug bash an app or branch, or when an e2e run fails.

★ 1.6k
hashgraph-online
hashgraph-online/awesome-codex-plugins

create-verification-skill

Generate a project-local verify-<app> skill on top of e2e, so any coding agent can launch the app, check it is worth driving, exercise a feature the way a user does, keep evidence, and bug bash it. Writes the skill, a feature map with one explore charter per feature, and proves it once. Use for /create-verification-skill, "make a verification skill for this repo", or when a project has no scripted way to prove UI behavior.

★ 1.6k
hashgraph-online
hashgraph-online/awesome-codex-plugins

deja-search

deja-vu memory — search the user's past AI coding sessions with the deja CLI. Holds what they already settled and never wrote into the repo (naming rules, banned or already-tried tools, required checks before merge, preferred values, who owns what). Use before your first edit in a task, before you call a change done or ready to merge, before you recommend a tool, library, design or reviewer, before re-debugging an error that may already be solved, when they say 'didn't we fix this before', 'what did we decide about X' or 'I already have that', and before telling them something on this machine does not exist.

★ 1.6k
hashgraph-online
hashgraph-online/awesome-codex-plugins

deja-reflect

End-of-session reflection and memory curation with deja-vu. Review what was decided, what commands broke and what repaired them, and record durable project rules or decisions with deja remember so the next session starts with them.

★ 1.6k
hashgraph-online
hashgraph-online/awesome-codex-plugins

revid

Make, edit, export and post AI videos with Revid (revid.ai) through the Revid MCP server. Use whenever the user wants a short-form or long-form video made (from an idea, a script, a URL, an article, a PDF, a tweet, a product page, their own clips, or a song), wants to find what is going viral on TikTok, YouTube, Instagram or X before making something, wants to edit or re-export an existing Revid project, generate a standalone AI image or clip, make a series episode, or publish and schedule a finished video to connected social accounts. Covers setup (hosted MCP with OAuth, or an API key), the 36 tools, credits, polling and the rules for publishing. Routes to the more specific revid-* skills when one fits.

图像与多媒体Skill与智能体开发
★ 1.6k