ui-final-polish
74Polish 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.
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.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "payoff-action-modeling" from https://skillstore.io/skills/johnwayneeee-payoff-action-modeling.md and its manifest at https://skillstore.io/api/skills/johnwayneeee-payoff-action-modeling/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 "payoff-action-modeling". A user imports customer records and sees a completion screen with import results.
Expected outcome:
Using "payoff-action-modeling". A report generator creates a finished report with charts and recommendations.
Expected outcome:
Using "payoff-action-modeling". A deployment finishes and the product asks what actions should appear next.
Expected outcome:
All static findings were adjudicated as false positives. The backtick detections are Markdown inline terms, the URL is a passive reference link, and the blocker matches are normal design guidance. No semantic security findings or prompt injection attempts were found.
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-payoff-action-modeling/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/johnwayneeee-payoff-action-modeling?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/johnwayneeee-payoff-action-modeling?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/johnwayneeee-payoff-action-modeling/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/johnwayneeee-payoff-action-modeling.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). payoff-action-modeling security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/johnwayneeee-payoff-action-modeling/audits/6@techreport{johnwayneeee-johnwayneeee-payoff-action-modeling-2026,
author = {JohnWayneeee},
title = {payoff-action-modeling security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/johnwayneeee-payoff-action-modeling/audits/6},
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: "payoff-action-modeling security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "JohnWayneeee"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/johnwayneeee-payoff-action-modeling/audits/6"
identifiers:
- type: other
value: "skillstore:johnwayneeee-payoff-action-modeling:audit:6"
description: "Skillstore immutable audit report identifier"
Decide the primary CTA, secondary actions, and recovery options after onboarding, import, setup, or publishing is complete.
Place actions for generated reports, files, recommendations, or test cases without hiding inspection and refinement paths.
Review whether a dashboard, review state, or handoff flow exposes too many actions at the same moment.
Use payoff-action-modeling for this success state: [describe outcome]. Identify the primary action, secondary actions, and recovery options.
Use payoff-action-modeling to classify actions for [screen]. Separate outcome, item, selection, continuation, navigation, recovery, and assistance scopes.
Use payoff-action-modeling to review these action labels: [labels]. Recommend clearer labels, placements, and required versus optional status.
Use payoff-action-modeling to audit this workflow after completion: [workflow details]. Flag scope conflicts, overloaded tiers, and missing recovery paths.
Author
JohnWayneeeeLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
b8ca75d2c0a7e7102978993058777d82b8ab2610
Maintenance freshness
7/18/2026
Usage
3 downloads ยท 29 views
File structure
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.
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.
Plan UX Before Building
by pbakaus
Teams often build interfaces before clarifying user goals, states, and constraints. This skill guides discovery and produces a design brief for implementation.
Design Distinctive UI Prototypes
by tencentcloudbase
Generic AI interfaces often lack visual direction and platform-aware detail. This skill guides Claude, Codex, and Claude Code to define design intent before building prototypes.
Design Apple-Inspired Interfaces
by BarisSozen
Modern product teams need consistent, polished UI guidance. This skill gives Claude, Codex, and Claude Code practical Apple-inspired rules for typography, color, spacing, components, motion, and UX review.
Improve Frontend Visual Design
by Barnhardt-Enterprises-Inc
Generic frontend screens often look similar and miss brand focus. This skill guides typography, color, motion, and depth choices for clearer interfaces.
Design Accessible Product Interfaces
by sickn33
Teams often struggle to turn user needs into consistent, accessible interfaces. This skill guides research, flows, design systems, tokens, and handoff.
Create Better Google Stitch UI Prompts
by sickn33
Google Stitch can produce generic designs when prompts lack detail. This skill provides structured prompt guidance for screens, flows, visual style, accessibility, and handoff.