web-design-guidelines
The web-design-guidelines skill audits UI code against Web Interface Guidelines. It fetches current rules from a remote source and compares them against specified local files.
Is web-design-guidelines safe to install?
Review the source first: our audit of web-design-guidelines's source files found 0 shell commands, 1 external URL, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill performs network requests to fetch external guidelines and reads local files provided by the user.
How we audit skills: our security review methodology.
Who is this skill for?
Developers and designers who need to verify UI code compliance with interface standards.
What can you do with it?
- Reviewing UI code for accessibility compliance
- Auditing design patterns in source files
- Checking site code against interface best practices
How good is this skill?
Quality score: 9/10. The skill documentation is clear and provides specific instructions for execution. The reliance on a remote URL for guidelines ensures the rules remain current.
What does the skill file contain?
# 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 inst...
Frequently asked questions
How does the skill obtain the latest design rules?
The skill fetches the guidelines from a specified GitHub raw URL before each review.
What format does the skill use for output?
The skill outputs findings in a terse file:line format as defined in the fetched guidelines.
What happens if I do not provide a file path?
The skill prompts the user to specify the files or patterns for review.
Related skills
shadcn
217.3KDevelopers building UI components and design systems using shadcn/ui
The shadcn skill manages UI components and design systems for projects using the shadcn/ui framework. It provides tools to search, add, debug, and style components, while enforcing strict composition and styling rules based on project-specific configuration.
seo-audit
133.3KUsers seeking to diagnose SEO issues, improve organic search performance, or conduct a health check on their website
The seo-audit skill provides a structured framework for diagnosing and recommending improvements for website search engine optimization. It guides the agent through technical, on-page, and content quality assessments, including specific checks for international SEO and site-type-specific issues.
emil-design-eng
114.3KDevelopers and designers building user interfaces who want to improve the feel and responsiveness of their software
This skill provides design engineering guidance based on Emil Kowalski's philosophy for UI polish, component design, and animation. It includes specific frameworks for animation decision-making, CSS transition techniques, and component interaction patterns.
analyze-project
91.3KResearchers and developers who need to understand the architecture and implementation details of a deep learning repository before modifying code
The analyze-project skill performs read-only audits of deep learning repositories. It maps model structures, identifies training and inference entrypoints, reviews configuration relationships, and flags suspicious implementation patterns.