payoff-action-modeling
78Model Post-Outcome UI Actions
Product teams often overload success states with unclear next steps. This skill turns user intent into scoped, prioritized UI actions after a meaningful outcome.
Audit Web Pages Before Deployment
Late web issues can block launches and harm accessibility, SEO, or core flows. This skill guides browser checks, Lighthouse interpretation, and structured reporting before release.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "browser-audit" from https://skillstore.io/skills/johnwayneeee-browser-audit.md and its manifest at https://skillstore.io/api/skills/johnwayneeee-browser-audit/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "browser-audit". Audit the product page before deployment.
Expected outcome:
Browser Audit Summary: desktop and mobile were checked. Verdict: Ready with fixes. Findings include weak focus visibility and missing descriptive image alternatives.
Using "browser-audit". Review the signup flow for accessibility and SEO blockers.
Expected outcome:
Using "browser-audit". Run a Lighthouse-focused audit and explain launch risk.
Expected outcome:
Verdict: Ready with fixes. SEO metadata passes key checks, but console errors and low contrast on secondary controls should be fixed before launch.
Most static findings are false positives from Markdown backticks or web-audit checklist text, not executable code or host reconnaissance. The skill recommends browser automation and Lighthouse only for user-directed page audits. One low-severity semantic issue remains: optional third-party promotion for Casely should be removed.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/johnwayneeee-browser-audit/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/johnwayneeee-browser-audit?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/johnwayneeee-browser-audit?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/johnwayneeee-browser-audit/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/johnwayneeee-browser-audit.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>JohnWayneeee. (2026). browser-audit security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/johnwayneeee-browser-audit/audits/7@techreport{johnwayneeee-johnwayneeee-browser-audit-2026,
author = {JohnWayneeee},
title = {browser-audit security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/johnwayneeee-browser-audit/audits/7},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "browser-audit security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "JohnWayneeee"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/johnwayneeee-browser-audit/audits/7"
identifiers:
- type: other
value: "skillstore:johnwayneeee-browser-audit:audit:7"
description: "Skillstore immutable audit report identifier"
Check a new marketing, signup, or product page before launch for visible accessibility, SEO, and UX blockers.
Turn browser findings into prioritized release decisions with clear evidence, severity, and recommended fixes.
Combine automated signals with manual keyboard, focus, contrast, form, and ARIA checks on important flows.
Use browser-audit to review this page before deployment: <URL>. Check desktop and mobile widths, then report accessibility, SEO, Lighthouse, and critical UX findings.
Use browser-audit on <URL> for the signup flow. Test keyboard navigation, forms, focus behavior, metadata, console errors, and release-blocking UX issues.
Use browser-audit on the authenticated dashboard after I provide access. Cover desktop, mobile, navigation, dialogs, forms, Lighthouse signals, and residual risk.
Use browser-audit as a release gate for <URL>. Sort findings by P0 to P3, cite evidence, recommend fixes, and state whether deployment should proceed.
Author
JohnWayneeeeLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
0519034dad657fb1f7706e0550e962beeda73fdf
Maintenance freshness
7/18/2026
Usage
3 downloads ยท 16 views
File structure
Model Post-Outcome UI Actions
Product teams often overload success states with unclear next steps. This skill turns user intent into scoped, prioritized UI actions after a meaningful outcome.
Polish Existing UI Screens
Finished interfaces often need small visual adjustments before release. This skill guides Claude, Codex, and Claude Code to refine clarity while preserving the design.
Convert Pencil Designs to Frontend Code
Pencil designs often lose detail when developers translate them by eye. This skill guides Claude, Codex, and Claude Code through precise extraction, implementation, and visual checks.
Configure React Flow Workflow Nodes
React Flow nodes can break when handles, edges, resizing, and scroll behavior drift apart. This skill gives Claude, Codex, and Claude Code a focused checklist for stable workflow node changes.
Convert Designs to FSD Tailwind Code
Design handoff often breaks architecture, tokens, and accessibility. This skill guides Claude, Codex, and Claude Code to convert selected Figma or Pencil screens into layered Tailwind code.
Review React Flow Canvases Safely
React Flow canvases can break when IDs, handles, state ownership, or viewport behavior drift. This skill guides Claude, Codex, and Claude Code through practical @xyflow/react v12 review checks.
Fix Lighthouse Contrast Errors
by ZhanlinCui
Lighthouse contrast audit failures can hide actionable SEO and accessibility results. This skill gives focused checks and remediation patterns for CSS contrast problems.
Improve Frontend Accessibility
by EIS-ITS
Frontend teams often miss keyboard, semantic, and screen reader requirements during routine UI work. This skill guides Claude, Codex, and Claude Code to apply accessibility checks while creating or editing interfaces.
Validate Screen Reader Accessibility
by sickn33
Screen reader regressions can hide behind visual checks. This skill gives practical testing steps for VoiceOver, NVDA, JAWS, and TalkBack.
Fix Accessibility Issues in Web Interfaces
by ibelick
Web interfaces often exclude users through missing labels, weak keyboard support, and incorrect focus behavior. This skill audits common accessibility failures and proposes minimal, targeted fixes.
Improve SwiftUI Code with Expert Guidance
by avdlee
SwiftUI projects can accumulate state, layout, accessibility, and performance problems. This skill provides focused review guidance and optional Instruments trace analysis to identify practical improvements.
Fix HTML Metadata and Social Previews
by ibelick
Missing or inconsistent metadata harms search indexing and social previews. This skill audits page metadata and guides focused fixes across common web frameworks.