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.

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.

Key capabilities

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

Technical details

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,

Explore related resources

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
9 days ago
Repository age
2 months
License
MIT

Auto-fetched from GitHub.

Similar to design-qa