Favicon of design-qa

design-qa Skill

AI Agent SkillDesign & MediaJavaScriptOpen source

Internal prototype QA helper. Use only after a Product Design prototype, URL-to-code build, or image-to-code build has a source visual target and a rendered implementation to compare before handoff. Do not use for broad UX critique, design critique, product audits, or flow reviews; route those user-facing requests to a Published by openai in role-specific-plugins.

Decision snapshot

Is this a fit?

Best for

Security review, Design and media, Writing, Includes SKILL.md

Works with

Compatibility not yet detected.

Access

Permission behavior not yet detected.

Setup

Copy skill directory

Project health

2 months ago · MIT license

Considerations

No specific cautions were detected. Review the source and requested permissions before installing.

What is design-qa Skill?

Internal prototype QA helper. Use only after a Product Design prototype, URL-to-code build, or image-to-code build has a source visual target and a rendered implementation to compare before handoff. Do not use for broad UX critique, design critique, product audits, or flow reviews; route those user-facing requests to a Published by openai in role-specific-plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.

Trust signal
95/100
Maintenance signal
90/100
Adoption signal
65/100

Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement. See how SkillIndex evaluates profiles.

Key capabilities

  • Includes SKILL.md support
  • Reusable instructions support
  • Security review
  • Design and media
  • Writing
  • Security review use cases
  • Design and media use cases

Declared skill metadata

  • Source file: plugins/product-design/skills/design-qa/SKILL.md

These fields retain source and confidence evidence from the indexed SKILL.md.

Compatibility and setup

Copy skill directory
  • Install or run with Copy skill directory

When to use design-qa Skill

  • Use it for security review.
  • Use it for design and media.
  • Use it for writing.

Built with

JavaScriptCopy skill directory

Editorial notes

Source

  • Creator: openai
  • Repository: openai/role-specific-plugins
  • Skill file: plugins/product-design/skills/design-qa/SKILL.md

What it does

Internal prototype QA helper. Use only after a Product Design prototype, URL-to-code build, or image-to-code build has a source visual target and a rendered implementation to compare before handoff. Do not use for broad UX critique, design critique, product audits, or flow reviews; route those user-facing requests to a

Skill instructions

Design QA Use this internal helper to compare a prototype's source design against the rendered implementation before handoff. Do not use this skill for broad UX critique, design critique, product audits, or flow reviews. Use audit for those user-facing requests. Use this skill before every Product Design build handoff. A passing QA run requires both: - a source visual target: Figma node, image, screenshot, mockup, or source capture - a rendered implementation: local URL, deployed URL, app screen, component, or screenshot If either artifact cannot be opened, captured, or compared, write design-qa.md with final result: blocked and name the blocker. Do not let the build skill hand off as done. Critical Overrides Follow critical-overrides. Workflow Compare the intended design to the implementation as a product-quality reviewer, not as a generic aesthetic critic. The output must be a prioritized fix list grounded in evidence from both artifacts. Do not write the QA review from memory, code,

Verified compatibility and discovery

Frequently asked questions

What is design-qa?

design-qa is a open-source AI agent skill with Copy skill directory. Internal prototype QA helper. Use only after a Product Design prototype, URL-to-code build, or image-to-code build has a source visual target and a rendered implementation to compare before handoff.

Who is design-qa best for?

design-qa is best for reusing agent instructions, scripts, and references, security review workflows, design and media workflows, writing workflows.

How do I install design-qa?

Install or run design-qa using Copy skill directory. Check design-qa for the latest setup command.

Is design-qa actively maintained?

design-qa may need a closer maintenance check before production use.

Share:

Stars
432
Forks
66
Last commit
2 months ago
Last verified
Aug 29, 2026
Metadata fetched
Aug 29, 2026
Repository age
3 months
License
MIT

Project health auto-fetched from the source repository.

Maintain this resource?

Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.

Alternatives to design-qa