mcpField
W
web-design-guidelines

web-design-guidelines

github.com/moizibnyousafDesign & UI1.2k165 installsUpdated 6w ago
Repository

About web-design-guidelines

A design skill for agents creating or refining web interfaces, with guidance on responsive layouts, accessibility, and visual hierarchy.

Key features

  1. 01Responsive layout principles
  2. 02Accessibility guidance
  3. 03Visual hierarchy decisions

Use cases

  1. 01Designing web interfaces
  2. 02Improving interface accessibility
  3. 03Choosing responsive patterns

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/moizibnyousaf/ai-agent-skills --skill web-design-guidelines

After installing, type/web-design-guidelinesin Claude Code to confirm it loaded.

Details

From the project README

Web Design Guidelines

Modern web design principles for responsive layouts, accessibility, and visual hierarchy.

When to Use

  • Creating polished web interfaces
  • Improving accessibility
  • Responsive design patterns
  • Visual hierarchy decisions

Source

This skill references patterns from Vercel's agent-skills.

Comments

Markdown supported