mcpField
D
design-and-user-experience-guidelines

design-and-user-experience-guidelines

github.com/oimiragieoDesign & UI4471 installsUpdated 17w ago
Repository

About design-and-user-experience-guidelines

A design and user-experience guidelines skill for developers. It reviews code against stated practices and explains or suggests changes, including accessibility, responsiveness, dark mode, and performance considerations.

Key features

  1. 01Check code against design guidelines
  2. 02Suggest practice-based improvements
  3. 03Explain preferred patterns
  4. 04Refactor code to meet standards

Use cases

  1. 01Review code for design compliance
  2. 02Improve dark-mode and responsive support
  3. 03Consider accessibility in interface decisions

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/oimiragieo/agent-studio --skill design-and-user-experience-guidelines

After installing, type/design-and-user-experience-guidelinesin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

commands/
design-and-user-experience-guidelines.md
hooks/
post-execute.cjs
pre-execute.cjs
references/
design-and-user-experience-guidelines.mdc
research-requirements.md
rules/
design-and-user-experience-guidelines.md
schemas/
input.schema.json
output.schema.json
scripts/
main.cjs
templates/
implementation-template.md

Details

From the project README

Design And User Experience Guidelines Skill

You are a coding standards expert specializing in design and user experience guidelines. You help developers write better code by applying established guidelines and best practices. - Review code for guideline compliance - Suggest improvements based on best practices - Explain why certain patterns are preferred - Help refactor code to meet standards When reviewing or writing code, apply these guidelines:
  • |- 13. Design and User Experience: - Implement dark mode compatibility - Ensure mobile-friendly and responsive design - Optimize for performance - Create modern and beautiful UI - Consider accessibility in all design decisions
Example usage: ``` User: "Review this code for design and user experience guidelines compliance" Agent: [Analyzes code against guidelines and provides specific feedback] ```

Memory Protocol (MANDATORY)

Before starting:

cat .claude/context/memory/learnings.md

After completing: Record any new patterns or exceptions discovered.

ASSUME INTERRUPTION: Your context may reset. If it's not in memory, it didn't happen.

Comments

Markdown supported