marktantongco/opencode-accomplishments/web-design-guidelines
Claude Code and agent skill by marktantongco/opencode-accomplishments
- community
Checking that the SKILL.md file is still in the repository.
Quick self-audit checklist for design consistency — typography, color, spacing, accessibility. Use when use when self-auditing design consistency across a project Triggers on keywords: design, guidelines, audit, consistency.
Install
npx vskill@latest install marktantongco/opencode-accomplishments/web-design-guidelinesSKILL.md
Design Guidelines Checker
context
Quick self-audit checklist for design consistency — typography, spacing, color, and component patterns. Validates designs against established guidelines and best practices. This skill provides data extraction, analysis, and research capabilities that turn raw information into actionable insights.
instructions
Step 1: Define Research Scope
- Identify the data source or research target
- Determine what information is needed
- Set boundaries — depth, breadth, and time constraints
- Define output format — structured data, summary, or detailed report
Step 2: Execute Research/Analysis
- Gather — Collect data from the source using appropriate tools
- Filter — Remove noise and irrelevant information
- Analyze — Extract patterns, relationships, and key findings
- Synthesize — Combine findings into a coherent narrative
Step 3: Generate Research Report
Step 4: Validate Findings
- [ ] Data is from reliable sources
- [ ] Findings are supported by evidence
- [ ] Limitations are acknowledged
- [ ] Conclusions are proportional to evidence strength
constraints
- NEVER present correlation as causation without evidence.
- NEVER cherry-pick data that only supports one conclusion.
- NEVER skip source verification — bad data leads to bad decisions.
- ALWAYS cite sources and assess their reliability.
- ALWAYS acknowledge limitations and gaps in the research.
examples
Example: Research Task
Input: "Use when self-auditing design consistency across a project"
Output:
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingskills/web-design-guidelines/SKILL.md
Popularity
- 7-day trend score
- 5
Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/marktantongco/opencode-accomplishments/web-design-guidelines)