Навыки make-interfaces-feel-better

📦

make-interfaces-feel-better

Name: make-interfaces-feel-better
Author: jakubkrehel

Ревизия содержимого r2 Безопасно ⚙️ Внешние команды

Улучшение проработки интерфейса

Мелкие детали UI часто заставляют готовые продукты казаться недоработанными. Этот навык помогает Claude, Codex и Claude Code проверять типографику, поверхности, движение и проработку взаимодействий.

Поддерживает: Claude Codex Code(CC)

🥉 78 Бронза

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

Review the Skillstore skill "make-interfaces-feel-better" from https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-make-interfaces-feel-better/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/jakubkrehel-make-interfaces-feel-better.md Подписанный manifest GET /api/skills/jakubkrehel-make-interfaces-feel-better/manifest Подписанный lockfile GET /api/skills/jakubkrehel-make-interfaces-feel-better/lockfile

Протестировать

Использование «make-interfaces-feel-better». Карточка использует одинаковый радиус для внешнего контейнера и внутреннего изображения.

Ожидаемый результат:

Ревью рекомендует больший внешний радиус и меньший внутренний радиус, чтобы вложенные поверхности выглядели концентрично.

Использование «make-interfaces-feel-better». Иконка панели инструментов появляется при наведении и мгновенно переключается между двумя состояниями.

Ожидаемый результат:

Ревью рекомендует плавно менять opacity, scale и blur через cross-fade, чтобы смена состояния иконки ощущалась гладкой.

Использование «make-interfaces-feel-better». Счетчик на dashboard смещается по горизонтали при обновлении значений.

Ожидаемый результат:

Ревью рекомендует табличные цифры, чтобы каждая цифра имела одинаковую ширину, а макет оставался стабильным.

Аудит безопасности

Безопасно

v5 • 07.08.2026 Открыть версионный отчет

All 50 static findings are false positives. The reported keylogger, reconnaissance, and external-command matches come from benign interface guidance, CSS examples, and Markdown code spans. No prompt injection, data-exfiltration intent, network behavior, or executable commands were found.

Просканировано файлов

1,164

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.

Аудитор:: codex Посмотреть историю аудитов →

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/jakubkrehel-make-interfaces-feel-better/security.svg)](https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jakubkrehel-make-interfaces-feel-better/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/jakubkrehel-make-interfaces-feel-better.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Академические ссылки (APA · BibTeX · CFF)

Цитата APA

jakubkrehel. (2026). make-interfaces-feel-better security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5

Цитата BibTeX

@techreport{jakubkrehel-jakubkrehel-make-interfaces-feel-better-2026,
  author = {jakubkrehel},
  title = {make-interfaces-feel-better security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "make-interfaces-feel-better security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "jakubkrehel"
date-released: "2026-08-07"
url: "https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5"
identifiers:
  - type: other
    value: "skillstore:jakubkrehel-make-interfaces-feel-better:audit:5"
    description: "Skillstore immutable audit report identifier"

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий

Архитектура

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

Доработать React-компонент

Проверить компонент перед релизом на проблемы с радиусами, тенями, движением, типографикой и областями нажатия.

Стандартизировать детали дизайн-системы

Согласовать обработку поверхностей, поведение анимации и детали типографики в переиспользуемых компонентах.

Сделать обратную связь по UI применимой

Преобразовать субъективные замечания в конкретные изменения реализации в формате «до и после».

Попробуйте эти промпты

Проверить один компонент

Проверь этот компонент на качество проработки UI. Верни таблицу «до и после», сгруппированную по принципам.

Улучшить детали движения

Проведи аудит этих анимаций на прерываемость, тайминг появления, тайминг исчезновения, переходы иконок и поведение при загрузке страницы.

Доработать поверхности и текст

Проверь эти стили на радиусы, тени, контуры изображений, оптическое выравнивание, перенос текста, сглаживание и табличные цифры.

Провести полную доработку интерфейса

Используй этот навык для предоставленных frontend-файлов. Сгруппируй каждое изменение по принципам в кратких таблицах «до и после».

Лучшие практики

Применяйте рекомендации во время реализации, затем проверяйте результат в запущенном интерфейсе.
Используйте формат таблицы «до и после», чтобы каждое изменение оставалось конкретным и удобным для ревью.
Сочетайте этот навык с проверками доступности для состояний фокуса, контраста, поддержки клавиатуры и reduced motion.

Избегать

Не используйте его как замену пользовательским исследованиям, тестированию доступности или требованиям.
Не применяйте каждое правило анимации, если интерфейсу нужен более спокойный статичный опыт.
Не добавляйте зависимости только ради рекомендации по анимации, если CSS может решить задачу.