How do I install the Web Design Guidelines skill?

Run npx skillmds@latest add yunseo-kim/web-design-guidelines in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Web Design Guidelines safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Web Design Guidelines?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Web Design Guidelines free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under Sustainable Use License 1.

Who published Web Design Guidelines?

yunseo-kim (@yunseo-kim) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Web Design Guidelines by yunseo-kim

Name: Web Design Guidelines
Author: yunseo-kim

Web Design Guidelines

Review UI code for Web Interface Guidelines compliance. Audits code against 100+ rules covering accessibility, performance, UX, forms, animation, typography, images, navigation, dark mode, touch interactions, and i18n. Use when asked to review UI, check accessibility, audit design, or review UX.

yunseo-kim ba83c47 3 files · 10.9 KB Updated Sep 17, 2026

File contents

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

Read the guidelines from references/command.md
Read the specified files (or prompt user for files/pattern)
Check against all rules in the guidelines
Output findings in the terse file:line format

Guidelines

The complete ruleset is bundled in references/command.md. Read it before each review to apply all rules and use the output format specified therein.

Usage

When a user provides a file or pattern argument:

Read guidelines from references/command.md
Read the specified files
Apply all rules from the guidelines
Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

References

references/command.md — Complete Web Interface Guidelines ruleset with 100+ rules covering accessibility, focus states, forms, animation, typography, content handling, images, performance, navigation, touch interactions, safe areas, dark mode, i18n, hydration safety, hover states, content & copy, and anti-patterns. Includes output format specification.

Frequently asked questions