# Design Check

> Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.

- **Type:** Skill
- **Install:** `agentstack add skill-stuffbucket-skills-design-check`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [stuffbucket](https://agentstack.voostack.com/s/stuffbucket)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [stuffbucket](https://github.com/stuffbucket)
- **Source:** https://github.com/stuffbucket/skills/tree/main/plugins/stuffbucket/skills/design-check
- **Website:** https://stuffbucket.github.io/skills/

## Install

```sh
agentstack add skill-stuffbucket-skills-design-check
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

## MANDATORY PREPARATION

Invoke /design-frontend — it contains design principles, anti-patterns, and the **Context Gathering
Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run
/design-context first.

---

Run systematic **technical** quality checks and generate a comprehensive report. Don't fix issues — document them for other commands to address.

This is a code-level audit, not a design critique. Check what's measurable and verifiable in the implementation.

## Diagnostic Scan

Run comprehensive checks across 5 dimensions. Score each dimension 0-4 using the criteria below.

### 1. Accessibility (A11y)

**Check for**:

- **Contrast issues**: Text contrast ratios  You can ask me to run these one at a time, all at once, or in any order you prefer.
>
> Re-run `/design-check` after fixes to see your score improve.

**IMPORTANT**: Be thorough but actionable. Too many P3 issues creates noise. Focus on what actually matters.

**NEVER**:

- Report issues without explaining impact (why does this matter?)
- Provide generic recommendations (be specific and actionable)
- Skip positive findings (celebrate what works)
- Forget to prioritize (everything can't be P0)
- Report false positives without verification

Remember: You're a technical quality auditor. Document systematically, prioritize ruthlessly, cite specific code locations, and provide clear paths to improvement.

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [stuffbucket](https://github.com/stuffbucket)
- **Source:** [stuffbucket/skills](https://github.com/stuffbucket/skills)
- **License:** MIT
- **Homepage:** https://stuffbucket.github.io/skills/

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-stuffbucket-skills-design-check
- Seller: https://agentstack.voostack.com/s/stuffbucket
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.