Доработка UI и UX веб-приложения
Многие рабочие веб-приложения все еще ощущаются неровными на десктопе и мобильных устройствах. Этот навык дает агентам итеративный процесс доработки для более четких макетов, состояний и адаптивных деталей.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "ui-ux-polish" from https://skillstore.io/skills/dicklesworthstone-ui-ux-polish.md and its manifest at https://skillstore.io/api/skills/dicklesworthstone-ui-ux-polish/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «ui-ux-polish». Дашборд работает, но отступы, состояния кнопок и мобильный макет выглядят незавершенными.
Ожидаемый результат:
Навык направляет агента на уплотнение отступов, улучшение иерархии, добавление более понятных состояний обратной связи и отдельное тестирование дашборда на десктопе и мобильных устройствах.
Использование «ui-ux-polish». Команда хочет, чтобы несколько агентов доработали разные страницы перед запуском.
Ожидаемый результат:
Навык предлагает разделить работу по доработке по страницам и режимам использования, а затем проверять каждый проход на визуальную согласованность, доступность и регрессии.
The static Ruby backtick detections are Markdown code fences or a fixed example bash block, not executable code in the skill. The system reconnaissance alert is a false positive for workflow coordination guidance. No evidence found for prompt injection, data exfiltration intent, or malicious behavioral instructions in SKILL.md.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/dicklesworthstone-ui-ux-polish/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/dicklesworthstone-ui-ux-polish?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/dicklesworthstone-ui-ux-polish?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dicklesworthstone-ui-ux-polish/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/dicklesworthstone-ui-ux-polish.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Dicklesworthstone. (2026). ui-ux-polish security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dicklesworthstone-ui-ux-polish/audits/8@techreport{dicklesworthstone-dicklesworthstone-ui-ux-polish-2026,
author = {Dicklesworthstone},
title = {ui-ux-polish security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/dicklesworthstone-ui-ux-polish/audits/8},
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: "ui-ux-polish security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Dicklesworthstone"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/dicklesworthstone-ui-ux-polish/audits/8"
identifiers:
- type: other
value: "skillstore:dicklesworthstone-ui-ux-polish:audit:8"
description: "Skillstore immutable audit report identifier"
Улучшить отступы, типографику, состояния и адаптивное поведение перед релизом.
Использовать повторные проверки агентом, чтобы находить небольшие визуальные и интерактивные проблемы на разных экранах.
Разделить задачи по доработке десктопной и мобильной версий, чтобы несколько агентов могли улучшать разные области.
Проверь это рабочее веб-приложение и улучши доработанность UI и UX. Сосредоточься на отступах, типографике, визуальной иерархии, состояниях и адаптивном поведении. Вноси изменения постепенно и избегай изменения основной функциональности.
Доработай приложение, уделяя отдельное внимание десктопу и мобильной версии. Для десктопа улучши плотность макета, состояния при наведении и сценарии, удобные для клавиатуры. Для мобильной версии улучши сенсорные зоны, отступы, навигацию и поведение на брейкпоинтах.
Выполни еще один проход доработки UI и UX для этого приложения. Найди небольшие оставшиеся проблемы в визуальной согласованности, доступности, обратной связи взаимодействий и адаптивных деталях. Остановись, когда изменения станут незначительными или рискованными.
Создай сфокусированный план доработки для этого приложения. Раздели десктопные и мобильные задачи по экранам, назначь четкие зоны ответственности и перечисли проверки, необходимые после каждого прохода для предотвращения регрессий.
Автор
DicklesworthstoneЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
72d5025b022c77f7a51bdf5c1637c689c80e89d1
Актуальность поддержки
18.07.2026
Использование
11 загрузок · 247 просмотров
Структура файлов
📄 SKILL.md
Управление Cursor из CLI
Разработчикам часто нужны быстрые команды Cursor без поиска во внешней документации. Этот навык предоставляет краткие рекомендации по CLI для файлов, папок, diff, окон, расширений и удаленной настройки.
Приоритизация работы в Beads с помощью графовых метрик
Команды часто пропускают блокеры и циклы, когда вручную просматривают списки задач. Этот skill превращает данные Beads в целенаправленную сортировку, планирование и рекомендации по рабочим процессам агентов.
Планирование агентных программных проектов
Крупные проекты по написанию кода с помощью ИИ терпят неудачу, когда реализация начинается до того, как становится ясна архитектура. Этот навык предоставляет рабочий процесс планирования для подробных markdown-планов, ревью моделями и передачи задач.
Полировка документации, написанной AI
Документация, созданная с помощью AI, может звучать шаблонно и отвлекать читателей. Этот навык помогает вручную редактировать текст, убирая типичные признаки письма LLM и сохраняя смысл.
Преобразование планов в рабочие процессы Beads
Большие markdown-планы трудно стабильно выполнять командам агентов. Этот навык превращает планы в подробные задачи Beads с зависимостями, циклами проверки и рекомендациями по передаче работы.
Управление Ghostty из AI Assistants
Рабочие процессы в терминале часто требуют точных действий с окнами, вкладками, разделением экрана и конфигурацией. Этот skill дает Claude, Codex и Claude Code краткий справочник по Ghostty CLI.
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.
Проектирование выразительных фронтенд-интерфейсов
от Atman36
Типовые сгенерированные интерфейсы часто выглядят предсказуемо и слабо. Этот навык направляет Claude, Codex и Claude Code к выразительному, готовому к продакшену фронтенд-дизайну.
Проектируйте выразительные UI-прототипы
от tencentcloudbase
Типовым AI-интерфейсам часто не хватает визуального направления и деталей с учетом платформы. Этот навык помогает Claude, Codex и Claude Code определить дизайн-замысел перед созданием прототипов.
Улучшение компоновки UI и визуального ритма
от pbakaus
Перегруженные интерфейсы и однообразные сетки усложняют восприятие продуктов и снижают доверие к ним. Этот навык помогает Claude, Codex и Claude Code улучшать отступы, иерархию и адаптивную композицию.
Выделение переиспользуемых паттернов дизайн-системы
от pbakaus
Команды часто дублируют UI-компоненты, токены и паттерны компоновки в приложении. Этот навык помогает Claude, Codex или Claude Code находить переиспользуемые паттерны и консолидировать их в сопровождаемую дизайн-систему.
Реализация React View Transitions
от vercel-labs
Переходы представлений React легко разместить неправильно, что приводит к незаметным или избыточным анимациям. Этот навык помогает выбирать анимации для маршрутов, Suspense, списков и общих элементов.