Initial commit: antigravity-claudekit

skills/ck-web-design-guidelines/SKILL.md

@@ -0,0 +1,47 @@
+---
+name: ck-web-design-guidelines
+description: Review UI code for Web Interface Guidelines compliance. Use when asked to review UI, check accessibility, audit design, review UX, or check a site against web interface best practices.
+---
+
+# Web Design Guidelines Review
+
+Reviews files for compliance with the Vercel Web Interface Guidelines.
+
+## When to Use
+
+- User asks "review my UI" or "audit my design"
+- Checking accessibility compliance
+- Reviewing UX patterns against best practices
+- Auditing a site or component for quality issues
+
+## Don't Use When
+
+- Reviewing backend or non-UI code
+- Task is creative design work, not compliance review
+
+## How It Works
+
+1. Fetch the latest guidelines from the source URL
+2. Read the specified files (or prompt user for files/pattern)
+3. Check against all rules in the fetched guidelines
+4. Output findings in 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 a web fetch tool to retrieve the latest rules. The fetched content contains all rules and output format instructions.
+
+## Usage
+
+When a file or pattern is provided:
+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.