Software Development
Responsive Design Audit
Responsive Design Audit turns frontend & ui development material into a review report with a concrete breakpoint behavior matrix, layout overflow risk, and touch-target and viewport QA. It is built for teams that need a usable draft artifact, not a broad summary with a familiar title. The skill asks for responsive source packet, design examples or operating notes, and audit constraints, approval rules, or rejection criteria up front, then organizes the output around responsive, design, audit, frontend, and development. It is delivered with adapters for Claude Code, Codex, OpenClaw, and Antigravity so teams can use the same workflow across their preferred agent environment. Responsive Design Audit is scoped to the Frontend & UI Development workflow and is distinct from adjacent catalog skills by producing this specific deliverable rather than a broad summary.
One-Time Purchase
$19.99
Responsive Design Audit — Sample Brief
Headline
Builds a review report for responsive design audit work, using responsive, design, audit, and frontend evidence to produce breakpoint behavior matrix, layout overflow risk, and touch-target and viewport QA. For target repository module, the example focuses on a concrete review report: the evidence to use, the fields a reviewer can inspect, and the owner decision needed before the work leaves draft state.
Evidence Packet
| Input | Example | Status |
|---|---|---|
| responsive source packet | target repository module notes and excerpts | Provided |
| design examples or operating notes | Three representative examples from the current workflow | Reviewed |
| audit constraints, approval rules, or rejection criteria | Approval threshold and final reviewer | Confirm |
| review report audience and intended handoff | Frontend & UI Development owner and downstream audience | Ready |
Review Focus
| Lens | What this skill must inspect | Why it matters |
|---|---|---|
| Responsive | Evidence specific to responsive design audit responsive / design / audit | Keeps the artifact tied to the actual source packet |
| Design | The boundary between Responsive Design Audit and adjacent Frontend & UI Development skills | Keeps this skill from absorbing neighboring workflows |
| Audit | The final reviewer decision, rejection reason, or edit path | Gives the next owner a clear approval or edit path |
Acceptance Checks
| Check | Required evidence | Review action |
|---|---|---|
| Responsive depth | Tie findings to user task, viewport or state, accessibility expectation, and handoff acceptance rule. | Keep, revise, or ask a targeted follow-up |
| Design boundary | Separate visual preference from usability, content, and accessibility defects. | Confirm this is not a renamed adjacent bundle skill |
| Audit handoff | Include reproduction or inspection notes that design and engineering can verify. | Assign the owner decision before final use |
Responsive Design Audit Work Map
Responsive Design Audit focus areas
Draft Review Report
| Responsive signal | Breakpoint Behavior Matrix | Layout Overflow Risk | Touch Target And Viewport QA | Design decision |
|---|---|---|---|---|
| Responsive | breakpoint behavior matrix | layout overflow risk | touch-target and viewport QA | Keep if source-backed |
| Design | breakpoint behavior matrix | layout overflow risk | Responsive evidence is missing or contradicted. | Revise missing evidence |
| Audit | Tie findings to user task, viewport or state, accessibility expectation, and handoff acceptance rule. | Separate visual preference from usability, content, and accessibility defects. | touch-target and viewport QA | Assign owner decision |
Use now
Responsive Design Audit
Best when frontend & ui development work needs a concrete review report.
Hold back
Missing evidence
Best deferred when a key input would change the artifact.
Reviewer note
The output is structured so an operator can validate the draft, edit the artifact, and hand it to the next owner without re-reading the entire packet. The final answer should label unknowns plainly and avoid inventing metrics, policies, quotes, or commitments.
This sample illustrates the skill's output format. The artifact reviewed is illustrative and should be validated against the real repository before implementation.
View full sample →
All sales final. No refunds on digital products.
Includes support for Claude Code, Codex, OpenClaw, and Google Antigravity in the same license.
Also in Frontend & UI Development
Bundle price: $33. Compare this skill with the full workflow bundle or Pro access.
Best for
Responsive Design Audit is best for buyers who need repeatable responsive, design, audit work packaged as a structured, review-ready deliverable.
Not ideal for
Responsive Design Audit is not a fully autonomous service, managed integration, or substitute for required human review in high-stakes workflows.
Included in this purchase
- Claude Code, Codex, OpenClaw, and Google Antigravity skill files.
- Setup guidance for the right adapter in your workspace.
- One-time license for the purchased skill version.
Setup
Plan for a short setup in the repository or workspace where the skill will run. Some coding familiarity helps for implementation-heavy outputs.
Related Skills
$19.99
One-time license
$19.99
One-time license
$19.99
One-time license
Future Updates
This purchase includes the current version of the skill. If you want future adapter updates — meaning compatibility and packaging updates as supported platforms evolve — plus new catalog additions included automatically, upgrade to Pro.