better-ui
Polish Interfaces with Precise UI Guidance
Small inconsistencies in motion, surfaces, and icons can make an interface feel unfinished. This skill provides concrete rules and values for focused improvements.
Установить с помощью моего Агента
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "better-ui" from https://skillstore.io/skills/jakubkrehel-better-ui.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-better-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Ресурсы для AI-агентов
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Протестировать
Использование «better-ui». Review a card with equal inner and outer radii and eight pixels of padding.
Ожидаемый результат:
MEDIUM: The nested radii are not concentric. Increase the outer radius by eight pixels to match the visible inset.
Использование «better-ui». Review a toolbar that uses mixed icon libraries and transition-all.
Ожидаемый результат:
- MEDIUM: Mixed stroke conventions make toolbar icons visually inconsistent. Use one icon library for the surface.
- MEDIUM: The broad transition can animate unintended properties. Name only the properties that change.
Использование «better-ui». Review a theme toggle that slowly crossfades the whole page.
Ожидаемый результат:
HIGH: Theme colors transition together and obscure the state change. Disable transitions during the theme update, then restore them after the next paint.
Аудит безопасности
БезопасноAll 30 static findings are false positives caused by design prose, CSS examples, and Markdown inline-code formatting. The reviewed files contain no keylogging, system reconnaissance, shell execution, prompt injection, or other malicious intent.
Факторы риска
⚙️ Внешние команды (23)
Поделиться и цитировать этот отчет
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
Копировать ссылку на отчёт
https://skillstore.io/skills/jakubkrehel-better-ui/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportЗначок Markdown
[](https://skillstore.io/skills/jakubkrehel-better-ui?utm_source=security_passport_badge)Значок HTML
<a href="https://skillstore.io/skills/jakubkrehel-better-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jakubkrehel-better-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Встраиваемая карточка
<iframe src="https://skillstore.io/embed/skills/jakubkrehel-better-ui.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). better-ui security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-better-ui/audits/1Цитата BibTeX
@techreport{jakubkrehel-jakubkrehel-better-ui-2026,
author = {jakubkrehel},
title = {better-ui security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/jakubkrehel-better-ui/audits/1},
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: "better-ui security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "jakubkrehel"
date-released: "2026-09-10"
url: "https://skillstore.io/skills/jakubkrehel-better-ui/audits/1"
identifiers:
- type: other
value: "skillstore:jakubkrehel-better-ui:audit:1"
description: "Skillstore immutable audit report identifier"
Оценка Skillstore
Почему такая оценка Достоверность доказательств: СреднийЧто вы можете построить
Review a product interface
Audit an existing interface for inconsistent surfaces, icon treatment, and motion behavior before release.
Refine frontend components
Apply exact CSS and component guidance to buttons, cards, image treatments, and animated states.
Standardize a design system
Turn repeated interface issues into consistent rules for motion, elevation, icon weight, and state feedback.
Попробуйте эти промпты
Review this interface for visible UI polish issues. List each issue by severity, location, suggested change, and user impact.
Improve this component while preserving its design system. Check radius, alignment, surfaces, icon weight, interaction feedback, and motion values.
Audit every animated state in this interface. Check interruptibility, duration, easing, first-render behavior, theme switching, exits, and static feedback cues.
Inspect all supplied interface files and available browser states. Group root causes, cite every location, propose exact fixes, and report unverified checks.
Лучшие практики
- Preserve the project's component library, tokens, density, and established motion language.
- Inspect every defined state and report any browser checks that could not be completed.
- Group repeated symptoms under one root cause and cite every affected location.
Избегать
- Do not replace structural borders or accessible focus outlines with decorative shadows.
- Do not use transition-all or persistent will-change declarations across many elements.
- Do not add expressive motion to frequent interactions or make motion the only state cue.
Часто задаваемые вопросы
What does this skill review?
Does it redesign complete products?
Can it work without a browser?
Does it cover accessibility?
Which motion libraries does it support?
How are findings reported?
Сведения для разработчиков
Автор
jakubkrehelЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Репозиторий
https://github.com/jakubkrehel/skills/tree/267330e1adfc66a718fb65fa6918c1f06d0a689e/skills/better-uiСсылка
7c99d96a0368287ee77cc6e97121e473c91ab0a5
Актуальность поддержки
11.09.2026
Использование
1 загрузок · 0 просмотров