skills.rest
ThorStarlord
ThorStarlordCOMMUNITY
Explore all skills by this author →
GitHub

ui-acceptance

Generate a testable UI acceptance checklist from an approved UI spec.

1|Updated May 6, 2026
Search Tags:#accessibility#responsive design#microcopy#qa automation#ui inspection#ui acceptance#spec checklist
One-click install
npx skills add https://github.com/ThorStarlord/interface-skills --skill ui-acceptance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-acceptance
Source: https://github.com/ThorStarlord/interface-skills/tree/main/skills/ui-acceptance
Command: npx skills add https://github.com/ThorStarlord/interface-skills --skill ui-acceptance

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It turns an approved UI spec into explicit, testable acceptance criteria so teams can verify the implementation is truly complete instead of relying on vague “done” judgments that drift over time.

Core Features & Use Cases

  • Checklist generation from approved specs: Converts brief, blueprint, component specs, and system rules into a structured acceptance checklist.
  • Testability-first criteria: Rewrites vague requirements into concrete, pass/fail items, labeled for manual verification or automation where possible.
  • Coverage across UI quality dimensions: Produces sections spanning Layout, Responsive behavior, States, Behavior, Accessibility, Visual polish, Microcopy, and optional Performance.
  • Pre-ship verification loop: Helps users confirm what to check before shipping and re-run acceptance after changes to catch what wasn’t validated.

Quick Start

Use the ui-acceptance skill to generate an acceptance checklist from your approved UI spec, then work through the checklist before shipping.

Frequently Asked Questions about ui-acceptance

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

FAQPage Schema
How do I generate a UI acceptance checklist from approved design specs?▼

To generate a UI acceptance checklist, provide approved UI specs, blueprints, and component rules to extract concrete claims. The system converts vague requirements into structured, testable pass/fail criteria grouped across layout, responsive behavior, states, and accessibility.

Can I automate verification of accessibility and responsive design from UI specs?▼

The checklist covers accessibility and responsive design by extracting concrete claims from upstream system rules. Each criterion is tagged with an automation or manual label and severity, ensuring machine-checkable verification of responsive behavior and visual polish.

What is the best way to verify UI implementation against spec-derived criteria before shipping?▼

The best way to verify UI implementation is running a pre-ship verification loop using a spec-derived acceptance checklist. It confirms what to check before shipping and re-runs acceptance after changes to catch unvalidated layout, behavior, and microcopy issues.

Does UI acceptance testing work with microcopy and visual polish checks?▼

UI acceptance testing works with microcopy and visual polish by extracting explicit claims from the approved brief. It produces standard checklist sections dedicated to visual polish and microcopy, ensuring every text and styling detail matches the spec.

What sections are included in a spec-derived UI acceptance checklist?▼

A spec-derived UI acceptance checklist includes sections spanning Layout, Responsive behavior, States, Behavior, Accessibility, Visual polish, Microcopy, and optional Performance. Each section contains explicit upstream source references for complete implementation verification.

Related Skills

Explore More Design & Creative Skills→
ThorStarlordThorStarlord
1

ui-spec-linter

Validate UI spec packages for completeness, vocabulary, consistency, and state coverage.

Community
Advanced
cipherstashcipherstash
17

Conducting Plan Review

Evaluate implementation plans against a 35-item quality checklist.

Community
Basic
i3ringiti3ringit
3

design-implementation-reviewer

Compare live UI states against Figma design specs and generate structured feedback.

Community
Intermediate
madebyarismadebyaris
192

sdd-evolve

Update specification files and changelog after implementation discoveries.

Community
Intermediate