ui-final-polish
74润色现有 UI 屏幕
已完成的界面在发布前通常需要一些小的视觉调整。此技能会指导 Claude、Codex 和 Claude Code 在保留设计的同时提升清晰度。
对结果后的 UI 操作进行建模
产品团队经常在成功状态中堆叠过多内容,却没有明确的下一步。此技能会在有意义的结果出现后,将用户意图转化为范围明确、优先级清晰的 UI 操作。
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
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.你的智能体仍应展示其计划,并按安全策略请求必要确认。
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
正在使用“payoff-action-modeling”。 用户导入客户记录,并看到一个带有导入结果的完成屏幕。
预期结果:
正在使用“payoff-action-modeling”。 报告生成器创建了一份包含图表和建议的完成报告。
预期结果:
正在使用“payoff-action-modeling”。 部署完成后,产品询问接下来应该显示哪些操作。
预期结果:
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.
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
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"
在引导、导入、设置或发布完成后,确定主要 CTA、次要操作和恢复选项。
为生成的报告、文件、推荐或测试用例放置操作,同时不隐藏检查和优化路径。
评估仪表板、审查状态或交接流程是否在同一时刻暴露了过多操作。
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.
作者
JohnWayneeee许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
b8ca75d2c0a7e7102978993058777d82b8ab2610
维护新鲜度
2026/7/18
使用量
3 次下载 · 29 次浏览
文件结构
润色现有 UI 屏幕
已完成的界面在发布前通常需要一些小的视觉调整。此技能会指导 Claude、Codex 和 Claude Code 在保留设计的同时提升清晰度。
将 Pencil 设计转换为前端代码
开发者凭肉眼转换 Pencil 设计时,往往会丢失细节。此技能会指导 Claude、Codex 和 Claude Code 完成精确提取、实现和视觉检查。
配置 React Flow 工作流节点
当 handle、edge、调整大小和滚动行为彼此脱节时,React Flow 节点可能会出问题。此技能为 Claude、Codex 和 Claude Code 提供一份聚焦的检查清单,用于稳定地修改工作流节点。
将设计转换为 FSD Tailwind 代码
设计交接常常会破坏架构、tokens 和可访问性。此 skill 指导 Claude、Codex 和 Claude Code 将选定的 Figma 或 Pencil 画面转换为分层的 Tailwind 代码。
安全审查 React Flow 画布
当 ID、handle、状态所有权或视口行为出现偏移时,React Flow 画布可能会出问题。此技能指导 Claude、Codex 和 Claude Code 完成实用的 @xyflow/react v12 审查检查。
部署前审计网页
后期发现的 Web 问题可能会阻碍发布,并损害可访问性、SEO 或核心流程。此技能会在发布前指导浏览器检查、Lighthouse 解读和结构化报告。
Build Accessible Tailwind Interfaces
由 nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
在构建前规划 UX
由 pbakaus
团队常常在明确用户目标、状态和约束之前就开始构建界面。此技能会引导发现流程,并生成用于实现的设计简报。
设计独特的 UI 原型
由 tencentcloudbase
通用 AI 界面往往缺乏视觉方向和符合平台特性的细节。此技能会指导 Claude、Codex 和 Claude Code 在构建原型之前先定义设计意图。
设计 Apple 风格界面
由 BarisSozen
现代产品团队需要一致、精致的 UI 指导。此技能为 Claude、Codex 和 Claude Code 提供实用的 Apple 风格规则,涵盖排版、颜色、间距、组件、动效和 UX 评审。
改进前端视觉设计
由 Barnhardt-Enterprises-Inc
通用前端界面往往看起来相似,并且缺少品牌焦点。此技能会指导排版、色彩、动效和层次深度选择,以打造更清晰的界面。
设计无障碍产品界面
由 sickn33
团队经常难以将用户需求转化为一致且无障碍的界面。此技能可指导研究、流程、设计系统、token 和交付。