/web-design-guidelines

Name: Web UI guidelines review
Author: Hainrixz

/web-design-guidelines is a Claude Code skill in the Web & Design section. It is maintained by Hainrixz and published under the MIT license. Checks your UI code against the Web Interface Guidelines, fetched fresh each run, and reports each finding by file and line.

Author's description

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

How to ask for it

Review the accessibility of this interface
Audit my site's design against best practices
Check whether my site follows web interface guidelines

Install

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

After installing with the script, type /web-design-guidelines. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

/higgsfield-websitesWebsites and apps with Higgsfield
Builds, edits and deploys websites, apps and games through the Higgsfield CLI, as a React and TanStack Start app on a Cloudflare Worker.
By higgsfield-ai
/design-motion-principlesBuilding or auditing UI motion
Builds components with purposeful motion, or audits existing animations, using the approaches of Emil Kowalski, Jakub Krehel and Jhey Tompkins.
By kylezantos
/brutalist-skillBrutalist web interface design
Design direction for industrial brutalist websites: rigid grids, extreme type contrast and analog effects, for data-heavy dashboards or portfolios.
By Leonxlnx
/gpt-tasteskillPremium landing pages with GSAP
Design rules for pages with AIDA structure, wide editorial typography, bento grids and scroll-driven GSAP animations.
By Leonxlnx
/image-to-code-skillDesign image to website code
For visually important sites, first generates section-by-section design images, analyzes them, then codes the website to match them closely.
By Leonxlnx
/imagegen-frontend-mobileMobile app screen concept images
Generates images only of iOS or Android app screens and flows inside phone mockups, with clear hierarchy and consistency. It writes no code.
By Leonxlnx

How to ask for it

Install

More from this section