Design And User Experience Guidelines

What it does

This skill assists AI agents in incorporating design and user experience (UX) best practices into writing, documentation, and content creation workflows. It focuses on ensuring designs are compatible with dark mode, mobile-friendly and responsive, optimized for performance, visually appealing, and accessible to all users. The skill requires the use of Memory Protocol to retain context across interactions.

When to use it

• When creating website copy or documentation that needs to be accessible on various devices.
• For content creation projects where a modern and aesthetically pleasing user interface is desired.
• To ensure new designs adhere to accessibility guidelines.
• During the design phase of a project, to proactively consider UX factors.

Key capabilities

• Dark mode compatibility implementation
• Mobile-friendly and responsive design assurance
• Performance optimization for designs
• Creation of modern and beautiful user interfaces (UI)
• Consideration of accessibility in all design decisions

Example prompts

• "Please generate content for a landing page, ensuring it's optimized for mobile viewing."
• "Can you draft documentation that includes dark mode compatibility?"
• “Review this UI design and suggest improvements to enhance performance.”

Tips & gotchas

• Memory Protocol is required: The skill relies on Memory Protocol. Any information not saved in memory will be lost if the context resets. Always check .claude/context/memory/learnings.md before starting, and record new patterns or exceptions afterward.
• The skill focuses specifically on design and UX aspects; it does not handle broader content creation tasks.