·web-design-guidelines
*

web-design-guidelines

boostbrothers/agent-skills

Web design and accessibility guidelines for modern web applications. Use when creating, reviewing, or refactoring UI components to ensure best practices for styling, animations, accessibility, and color contrast.

3Installs·0Trend·@boostbrothers

Installation

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

SKILL.md

Comprehensive web design and accessibility guide for modern web applications. Contains 4 rules covering styling, animations, accessibility, and color contrast to ensure high-quality user experiences.

| 0 | Styling | HIGH | styling- | | 1 | Accessibility | CRITICAL | accessibility- | | 4 | Color | MEDIUM-HIGH | color- | | 8 | Animation & Motion | LOW-MEDIUM | animation- |

Read individual rule files for detailed explanations and code examples:

Web design and accessibility guidelines for modern web applications. Use when creating, reviewing, or refactoring UI components to ensure best practices for styling, animations, accessibility, and color contrast. Source: boostbrothers/agent-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/boostbrothers/agent-skills --skill web-design-guidelines
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is web-design-guidelines?

Web design and accessibility guidelines for modern web applications. Use when creating, reviewing, or refactoring UI components to ensure best practices for styling, animations, accessibility, and color contrast. Source: boostbrothers/agent-skills.

How do I install web-design-guidelines?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/boostbrothers/agent-skills --skill web-design-guidelines Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/boostbrothers/agent-skills

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-01

Related Skills

None