skills.rest
AndreaRR18
AndreaRR18COMMUNITY
Explore all skills by this author →
WebsiteGitHub

Web Designer

Audit React website visual design, UX, and WCAG 2.1 AA accessibility.

Updated Dec 13, 2025
Search Tags:#accessibility#responsive design#design system#ui/ux#web design#brand consistency
One-click install
npx skills add https://github.com/AndreaRR18/seahorse --skill web-designer-andrearr18
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Web Designer
Source: https://github.com/AndreaRR18/seahorse/tree/main/.claude/skills/web-designer
Command: npx skills add https://github.com/AndreaRR18/seahorse --skill web-designer-andrearr18

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures the Seahorse daycare website maintains a cohesive, accessible, and professional design that aligns with brand identity and user experience best practices.

Core Features & Use Cases

  • Visual Consistency Audit: Checks all components against the design system for compliance in color, typography, and spacing.
  • UI/UX Review: Evaluates user flow, navigation, and interactive element usability.
  • Accessibility (A11y) Checks: Verifies color contrast, keyboard navigation, and screen reader compatibility.
  • Responsive Design Validation: Ensures the website functions flawlessly across all devices.
  • Use Case: Before a major website update, use this Skill to perform a comprehensive design audit, identifying any inconsistencies or accessibility gaps that need to be addressed.

Quick Start

Use the web designer skill to audit the current design consistency of the website.

Frequently Asked Questions about Web Designer

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

FAQPage Schema
How do I audit a React website for visual consistency and accessibility compliance?▼

Auditing a React website for visual consistency and accessibility involves checking components against design directives for colors and typography, evaluating user flow, and verifying WCAG 2.1 AA compliance for screen readers and keyboard navigation.

What is included in a UI/UX and design system audit?▼

A UI/UX and design system audit evaluates user flow, navigation, and interactive element usability while checking color, typography, and spacing compliance to identify and rectify design debt across all devices.

How do I ensure my website meets WCAG 2.1 AA accessibility standards?▼

Ensuring a website meets WCAG 2.1 AA standards requires verifying color contrast ratios, validating keyboard navigation functionality, and confirming screen reader compatibility across all interactive components.

Can I check responsive design and brand consistency for a React application?▼

Yes, checking responsive design and brand consistency for a React application involves validating flawless functionality across all devices and ensuring visual elements align with defined design directives and brand identity.

What is the best way to identify and rectify design debt before a website update?▼

Identifying and rectifying design debt before a website update requires performing a comprehensive visual design audit, comparing all components against design directives for colors, typography, and spacing to pinpoint inconsistencies.

Related Skills

Explore More Design & Creative Skills→
yonetim258852yonetim258852

extract-design

Extract design tokens from live websites using Dembrandt.

Community
Advanced
cypxxccypxxc
1

Accessibility Audit

Audit React components for WCAG 2.1 AA accessibility gaps.

Community
Intermediate
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced
aronpcaronpc
1

ui-ux

Identify and validate visual UI/UX inconsistencies across web applications.

Community
Intermediate