Agent skill

ux-ui-design-guidelines

Explain ux/ui, design and look strategy and rules to respect all over any realization.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/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.

Didn't find tool you were looking for?

Be as detailed as possible for better results