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-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «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, вторичные действия и варианты восстановления после завершения онбординга, импорта, настройки или публикации.
Разместить действия для сгенерированных отчетов, файлов, рекомендаций или тест-кейсов, не скрывая пути проверки и уточнения.
Оценить, не показывает ли дашборд, состояние проверки или поток передачи слишком много действий одновременно.
Используй payoff-action-modeling для этого состояния успеха: [describe outcome]. Определи основное действие, вторичные действия и варианты восстановления.
Используй payoff-action-modeling, чтобы классифицировать действия для [screen]. Раздели области результата, элемента, выбора, продолжения, навигации, восстановления и помощи.
Используй payoff-action-modeling, чтобы проверить эти названия действий: [labels]. Рекомендуй более понятные названия, размещение, а также обязательный или необязательный статус.
Используй payoff-action-modeling, чтобы проверить этот рабочий процесс после завершения: [workflow details]. Отметь конфликты областей, перегруженные уровни и отсутствующие пути восстановления.
Автор
JohnWayneeeeЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
b8ca75d2c0a7e7102978993058777d82b8ab2610
Актуальность поддержки
18.07.2026
Использование
3 загрузок · 29 просмотров
Структура файлов
Полировка существующих экранов UI
Готовым интерфейсам часто нужны небольшие визуальные корректировки перед релизом. Этот навык помогает Claude, Codex и Claude Code улучшать ясность, сохраняя дизайн.
Преобразование дизайнов Pencil во фронтенд-код
Дизайны Pencil часто теряют детали, когда разработчики переносят их на глаз. Этот навык помогает Claude, Codex и Claude Code выполнять точное извлечение, реализацию и визуальные проверки.
Настройка узлов рабочих процессов React Flow
Узлы React Flow могут ломаться, когда handles, edges, изменение размера и поведение прокрутки расходятся между собой. Этот навык дает Claude, Codex и Claude Code сфокусированный чеклист для стабильных изменений узлов рабочих процессов.
Преобразование дизайнов в FSD-код на Tailwind
Передача дизайна в разработку часто нарушает архитектуру, токены и доступность. Этот навык помогает Claude, Codex и Claude Code преобразовывать выбранные экраны Figma или Pencil в многослойный код на Tailwind.
Безопасная проверка холстов React Flow
Холсты React Flow могут ломаться, когда IDs, handles, владение состоянием или поведение viewport расходятся с ожиданиями. Этот skill проводит Claude, Codex и Claude Code через практические проверки ревью @xyflow/react v12.
Аудит веб-страниц перед развертыванием
Поздно обнаруженные проблемы на веб-страницах могут блокировать запуски и вредить доступности, 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
Командам часто сложно преобразовать потребности пользователей в согласованные и доступные интерфейсы. Этот навык помогает с исследованиями, сценариями, дизайн-системами, токенами и передачей в разработку.