ck:web-design-guidelines

Fetch remote web interface guidelines and report conformance gaps in HTML, CSS, and JavaScript files.

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/mafvietnam/mafapp --skill ck-web-design-guidelines-mafvietnam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:web-design-guidelines
Source: https://github.com/mafvietnam/mafapp/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/mafvietnam/mafapp --skill ck-web-design-guidelines-mafvietnam

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure your web interfaces comply with up-to-date web interface guidelines by automatically checking project files against a centralized rule set.

Core Features & Use Cases

  • Fetches current guidelines from a remote source and applies them to your project.
  • Inspects HTML, CSS, and JavaScript artifacts for accessibility, consistency, and UX best practices.
  • Generates concise findings that guide remediation and improve usability in real-world projects.

Quick Start

Provide the target HTML/CSS/JS files or patterns and request a guideline audit.

Frequently Asked Questions about ck:web-design-guidelines

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

FAQPage Schema
How do I validate my HTML and CSS files against web design guidelines?

To validate HTML and CSS files against web design guidelines, provide the target project files to request an audit. The tool fetches current remote rules and reports conformance gaps in a concise format.

What is the best way to check UI accessibility and usability in frontend projects?

Checking UI accessibility and usability is best done by inspecting HTML, CSS, and JavaScript artifacts against a centralized rule set. This generates concise findings that guide remediation and improve real-world usability.

Can I audit JavaScript artifacts for UX best practices and consistency?

Yes, you can audit JavaScript artifacts for UX best practices and consistency. The review process inspects diverse project environments and parses JavaScript files alongside HTML and CSS to report conformance gaps.

Does web design guideline validation work with diverse project environments?

Web design guideline validation works across diverse project environments by fetching current rules from a remote source. It applies these centralized guideline sets to specified files regardless of the underlying project structure.

Why does web interface review require fetching guidelines from a remote source?

Web interface review requires fetching guidelines from a remote source to ensure your interfaces comply with up-to-date rules. This automatic check guarantees the validation uses the latest centralized standards.

How do I report conformance gaps for web interface remediation?

To report conformance gaps for remediation, the tool parses target HTML, CSS, and JavaScript files against fetched guidelines. It then outputs concise findings that directly guide usability improvements.