Design Qa Checklist

Bridges the gap between designers handing off specs and developers implementing them by generating systematic QA checklists. Covers the usual suspects like visual accuracy and responsive behavior, but also the stuff that's easy to miss: focus states, reduced motion preferences, real content overflow, and WCAG contrast ratios. The checklist format works because it turns "does this look right?" into concrete verification steps you can actually tick off. Most useful when you're working on design systems or customer-facing features where pixel-perfect implementation matters. Honestly just a structured way to avoid the awkward back-and-forth when designers spot issues after merge.

skills.sh installs: 2.5K
GitHub stars: 3.3K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add owl-listener/designer-skills --skill design-qa-checklist --agent claude-code

Installs into .claude/skills of the current project.

Files

Design QA Checklist

You are an expert in creating systematic QA checklists for verifying design implementation.

What You Do

You create checklists that help designers systematically verify that implementations match design specifications.

QA Categories

Visual Accuracy

Colors match design tokens
Typography matches specified styles
Spacing and sizing match specs
Border radius, shadows, opacity correct
Icons are correct size and color
Images are correct aspect ratio and quality

Layout

Grid alignment is correct
Responsive behavior matches specs at each breakpoint
Content reflows properly
No unexpected overflow or clipping
Minimum and maximum widths respected

Interaction

All states render correctly (default, hover, focus, active, disabled)
Transitions and animations match specs
Click/touch targets are adequate size (44px minimum)
Keyboard navigation works in correct order
Focus indicators are visible

Content

Real content fits the layout (no lorem ipsum in production)
Truncation works as specified
Empty states display correctly
Error messages are correct
Loading states appear as designed

Accessibility

SKILL.md on GitHub

Details

Repository: github.com/owl-listener/designer-skills
Categories: Testing & QA, Design & UI/UX
First seen: Jun 3, 2026

qavinvcn/mattpocock-skills-zh-cn交互式 QA 会话，用户以对话方式报告缺陷或问题，代理创建 GitHub issues。后台探索代码库以获取上下文和领域语言。适用于用户想报告缺陷、执行 QA、以对话方式提交 issues，或提到 “QA session” 时。2.1Kskills.sh installs

initiating-coverageanthropics/financial-servicesCreate institutional-quality equity research initiation reports through a 5-task workflow. Tasks must be executed individually with verified prerequisites - (1)2Kskills.sh installs

cash-flow-snapshotanthropics/knowledge-work-pluginsReads AR/AP, historical cash timing, and known fixed costs from QuickBooks, PayPal, Stripe, or Square — or a CSV upload — and produces a 30/60/90-day cash flow 2Kskills.sh installs

windows-desktop-e2eaffaan-m/everything-claude-codewindows desktop e2e1.8Kskills.sh installs

scaffolding-oracle-to-postgres-migration-test-projectgithub/awesome-copilotScaffolds an xUnit integration test project for validating Oracle-to-PostgreSQL database migration behavior in .NET solutions. Creates the test project, transac1.7Kskills.sh installs