Gojiberry AI
AI agents that find and contact high-intent leads for you
Try Gojiberry free →
Hermes Agent
Run your Hermes agent, fully managed
Launch on Hostinger →
Hostinger VPS
Spin up a VPS in one click, 20% off
Launch on Hostinger →
Firecrawl
Crawl and scrape any site into clean data
Try Firecrawl free →
Runable
One AI agent to build, run, and grow your business
Try Runable free →
Context.dev
One API to scrape, enrich, and extract the web
Start building free →
Jotform
Forms, workflows, and AI Agents for your team
Try Jotform free →
Runable
One AI agent to build, run, and grow your business
Try Runable free →
OpenClaw
Deploy a managed OpenClaw agent in 60 seconds
Launch on Hostinger →
Sponsor here
9/10 sponsor slots taken — 1 left
Claim it →
Claude Market
Menu
SkillsMCPPluginsMarketplacesNewsletterSubmit MCPSkillPluginMCPMCP, plugin, or skillAdvertise
Claude Market
SkillsMCPPluginsMarketplacesNewsletterSubmit MCPSkillPluginMCPMCP, plugin, or skillAdvertise
Skills/sickn33/agentic-awesome-skills/web-design-guidelines
web-design-guidelines logo

web-design-guidelines

sickn33/agentic-awesome-skills
7 installs45K stars
Run it on Hostinger, 20% off →Your friend gets 20% off too, using this linkFree API →|External Downloads|View on GitHub|Create your own skill →

Installation

npx skills add https://github.com/sickn33/agentic-awesome-skills --skill web-design-guidelines

Summary

Review files for compliance with Web Interface Guidelines.

SKILL.md

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

  1. Fetch the latest guidelines from the source URL below
  2. Read the specified files (or prompt user for files/pattern)
  3. Check against all rules in the fetched guidelines
  4. Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument:

  1. Fetch guidelines from the source URL above
  2. Read the specified files
  3. Apply all rules from the fetched guidelines
  4. Output findings using the format specified in the guidelines

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

When to Use

This skill is applicable to execute the workflow or actions described in the overview.

Limitations

  • Use this skill only when the task clearly matches the scope described above.
  • Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
  • Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Score

0–100
45/ 100

Grade

D

Popularity5/30

7 installs — minimal adoption so far. Source repo has 44,730 GitHub stars.

Completeness19/30

Documented: full SKILL.md body, one-line install. Missing: description, category/license metadata.

Trust15/25

Community skill with a public GitHub source repository you can review.

Freshness6/15

No update timestamp is tracked for this skill in our catalog.

Scored automatically from popularity, completeness, trust, and freshness — computed only from data in our catalog, never fabricated.

Proud of your score? Add this badge to your README.

Paste a snippet into your GitHub README. The badge updates automatically and links back to this page.

Web Design Guidelines skill score badge previewScore badge

Markdown

[![Web Design Guidelines skill](https://www.claudemarket.ai/skills/sickn33/agentic-awesome-skills/web-design-guidelines/badges/score.svg)](https://www.claudemarket.ai/skills/sickn33/agentic-awesome-skills/web-design-guidelines)

HTML

<a href="https://www.claudemarket.ai/skills/sickn33/agentic-awesome-skills/web-design-guidelines"><img src="https://www.claudemarket.ai/skills/sickn33/agentic-awesome-skills/web-design-guidelines/badges/score.svg" alt="Web Design Guidelines skill"/></a>

Web Design Guidelines FAQ

How do I install the Web Design Guidelines skill?

Run “npx skills add https://github.com/sickn33/agentic-awesome-skills --skill web-design-guidelines” in your terminal. The skill is added to your agent's skills directory and picked up automatically on the next run — no restart or extra configuration needed.

What does the Web Design Guidelines skill do?

Review files for compliance with Web Interface Guidelines. The full SKILL.md on this page shows the exact instructions the skill gives your agent.

Is the Web Design Guidelines skill free?

Yes. Web Design Guidelines is a free, open-source skill published from sickn33/agentic-awesome-skills. As with any third-party skill, review the source repository before installing it into an agent with sensitive access.

Does Web Design Guidelines work with Claude Code and OpenClaw?

Yes. Skills use the portable SKILL.md format, so Web Design Guidelines works with Claude Code, OpenClaw, Codex, Hermes, and any other agent that reads SKILL.md skills.

Recommended skills

Browse all →
frontend-design logo

frontend-design

anthropics/skills

762K installsInstall
web-design-guidelines logo

web-design-guidelines

vercel-labs/agent-skills

531K installsInstall
codebase-design logo

codebase-design

mattpocock/skills

365K installsInstall
design-taste-frontend logo

design-taste-frontend

leonxlnx/taste-skill

345K installsInstall
high-end-visual-design logo

high-end-visual-design

leonxlnx/taste-skill

261K installsInstall
redesign-existing-projects logo

redesign-existing-projects

leonxlnx/taste-skill

258K installsInstall

Related guides

Hand-picked reading to help you choose, install, and use agent skills.

GuideBest Code Review SkillsGuide10 Openclaw Skills Every Nextjs Developer NeedsGuideBest Openclaw Skills 2026

Skills by category

FrontendBackend & APIsTesting & QASecurityDevOps & CI/CDMCP & ToolingAutomationData & Analysis+27 more

MCP servers by category

MCP & ToolingBackend & APIsData & AnalysisDevOps & CI/CDAutomationSecurityDocsTesting & QA+24 more

Plugins by category

AutomationDevOps & CI/CDData & AnalysisDesign & CreativeSecurityBackend & APIsFrontendTesting & QA+16 more

Marketplaces by category

AutomationData & AnalysisDevOps & CI/CDDesign & CreativeFrontendBackend & APIsTesting & QASecurity+21 more

The Agent Stack

Weekly Claude Code, Agent SDK, and MCP moves worth your time — free.

Claude Market

AI agent skills directory, marketplace, and workflow hub for OpenClaw, Hermes Agent, Claude Code, Codex, and MCP-powered operator stacks.

Independent project, not affiliated with Anthropic.

Resources

  • Browse Skills
  • Browse MCP Servers
  • Browse Plugins
  • Browse Marketplaces
  • Newsletter

More

  • Submit a Tool
  • Create a Skill
  • Advertise
  • Free Tools
  • API
  • Shipping
  • Contact
  • Terms
  • Privacy
© 2026 Claude Market · Not affiliated with Anthropic
Fazier badgeFeatured on Twelve ToolsFeatured on Wired BusinessRemote OpenClaw - Featured on AI Agents DirectoryListed on Turbo0Featured on Uneed