skills.rest
RockaRhymeLLC
RockaRhymeLLCOFFICIAL
Explore all skills by this author →
GitHub

web-design

Reference WCAG 2.1 AA standards, CSS patterns, and brand guidelines for web design.

2|Updated Feb 22, 2026
Search Tags:#accessibility#WCAG#UI/UX#CSS#web design#front-end development
One-click install
npx skills add https://github.com/RockaRhymeLLC/kithkit --skill web-design-rockarhymellc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design
Source: https://github.com/RockaRhymeLLC/kithkit/tree/main/.claude/skills/web-design
Command: npx skills add https://github.com/RockaRhymeLLC/kithkit --skill web-design-rockarhymellc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and standards for designing and implementing modern, accessible, and brand-aligned web pages, ensuring a high-quality user experience.

Core Features & Use Cases

  • Accessibility Compliance: Ensures adherence to WCAG 2.1 AA standards for inclusivity.
  • Design System: Offers guidance on color palettes, typography, and component usage.
  • Development Checklist: Provides a pre-launch checklist to catch common issues.
  • Use Case: When tasked with building a new marketing landing page, use this Skill to ensure it meets accessibility requirements, follows brand guidelines, and incorporates modern design patterns.

Quick Start

Use the web-design skill to review the accessibility checklist for a new landing page.

Frequently Asked Questions about web-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make my web design compliant with WCAG 2.1 AA accessibility standards?▼

Modern CSS patterns for web design are provided through detailed reference documents covering design principles, performance optimization, and modern CSS techniques to help build contemporary, accessible, and brand-aligned web pages.

What is included in a web design pre-launch checklist for front-end development?▼

A web design pre-launch checklist for front-end development includes directives verifying accessibility features, brand guideline implementation, color palettes, typography, and responsive breakpoints to catch common issues before page deployment.

How do I implement brand guidelines during UI/UX web design?▼

Implementing brand guidelines during UI/UX web design involves applying the provided directives for color palettes, typography, and component usage, along with accessing deeper reference documents specifically focused on brand guidelines.

Does this web design reference support responsive breakpoints for front-end development?▼

Yes, this web design reference supports front-end development by providing detailed directives for responsive breakpoints, ensuring modern web pages adapt correctly across different screen sizes while maintaining accessibility standards.

When do I need a web design reference for building a marketing landing page?▼

You need a web design reference when building a new marketing landing page to ensure the final output meets WCAG 2.1 AA accessibility requirements, follows brand guidelines, and incorporates modern design patterns successfully.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
jaypatrickjaypatrick

cloudflare-deploy

Deploy Cloudflare Workers and Pages across development, staging, and production environments.

Community
Advanced
redpanda-dataredpanda-data
34

setup-accessibility

Enforce WCAG 2.1 AA ARIA compliance via Claude Code hooks with Playwright and AXE.

Official
Intermediate
wanyusheng63-altwanyusheng63-alt

web-design-guidelines

Audit web UI code against current Web Interface Guidelines for accessibility and usability issues.

Community
Intermediate