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. In this example, target repository module needs a repository-backed review with commands, files, and acceptance tests that engineering can rerun. The output is a concrete review report: source evidence, reviewer checks, and the owner decision that determines whether the work is ready.
Evidence Packet
| Input | Example | Status |
|---|---|---|
| responsive source packet | target repository module needs a repository-backed review with commands, files, and acceptance tests that engineering can rerun. | 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 |
Responsive Evidence Model
| Field | What must be captured | Review consequence |
|---|---|---|
| Responsive signal | Tie findings to user task, viewport or state, accessibility expectation, and handoff acceptance rule. | Treat as draft until breakpoint behavior matrix is source-backed. |
| Breakpoint Behavior Matrix | Separate visual preference from usability, content, and accessibility defects. | Escalate when responsive evidence is missing or contradicted. |
| Layout Overflow Risk | Include reproduction or inspection notes that design and engineering can verify. | Reviewer resolves touch-target and viewport QA before final use. |
Responsive 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
Front-end engineers and designers auditing responsive behavior — breakpoint matrix, overflow risks, and touch-target and viewport QA. Most useful before a release when layouts have to hold up across phone, tablet, and desktop without a device lab.
Not ideal for
Pixel-perfect visual design, which needs a designer’s eye, and back-end or accessibility concerns outside layout. It flags responsive issues — an engineer should still verify the fixes on real devices.
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.