Agent skill
ux-ui-design-guidelines
Explain ux/ui, design and look strategy and rules to respect all over any realization.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/ux-ui-design-guidelines
SKILL.md
Lexique :
- project folder : Current folder of user, referece too the root of the project folder.
- documentation files : all files containing text explanations, like : spécifications, README, LICENSE, Backlog and all non file writing for human readibility. It could concern media file too, like : image, video, sound, etc...
When create or modify user interfaces, always respect thoses rules :
- Use ux-ui free frameworks and templates
- I want a clean, chic, and elegant look.
- Waiting times in navigation scenarios should always be accompanied by a visual indicator of loading, or a more advanced loading screen if the wait time is long (> 2 seconds). The user experience during these waiting times should be pleasant, attractive, and engaging.
- Application logo must be used as favicon and icon of web and mobile application.
Keep project technical architecture clear and compliant to thoses rules.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?