Skills make-interfaces-feel-better

📦

make-interfaces-feel-better

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

Content revision r2 Safe ⚙️ External commands

Polish Your Interface Designs

Many interfaces work correctly but still feel inconsistent, heavy, or distracting. This skill gives practical design engineering guidance for typography, surfaces, icons, motion, and performance.

Supports: Claude Codex Code(CC)

🥉 78 Bronze

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request

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.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/jakubkrehel-make-interfaces-feel-better.md Signed manifest GET /api/skills/jakubkrehel-make-interfaces-feel-better/manifest Signed lockfile GET /api/skills/jakubkrehel-make-interfaces-feel-better/lockfile

Test it

Using "make-interfaces-feel-better". A dashboard counter changes width whenever its value updates.

Expected outcome:

Finding: Medium. The proportional numerals cause layout movement. Apply tabular numerals to the changing value so each digit occupies a stable width.

Using "make-interfaces-feel-better". A card and its inner button use the same corner radius.

Expected outcome:

Finding: Low. Equal nested radii can make the inner surface look pinched. Use a larger outer radius and calculate the inner radius from padding.

Using "make-interfaces-feel-better". A page hero staggers every section into view on each hover.

Expected outcome:

Finding: High. Repeated entrance motion is distracting during routine interaction. Reserve staggered entrances for infrequent staged states and use brief feedback for hover.

Security Audit

Safe

v5 • 8/7/2026 Open versioned report

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.

Files scanned

1,164

Lines analyzed

Review items

False positives ignored

No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.

Audited by: codex View Audit History →

Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report

Copy report link

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

Markdown badge

[![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 badge

<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>

Embed card

<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>

Academic citations (APA · BibTeX · CFF)

APA citation

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 citation

@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 Score

Why this score Evidence Confidence: High

Architecture

Maintainability

Content

Community

Spec Compliance

What You Can Build

Frontend Refinement

Review a nearly finished interface and identify practical changes that improve hierarchy, consistency, responsiveness, and perceived quality.

Design System Review

Check shared tokens and components for inconsistent radii, shadows, icon weights, typography, and interaction behavior.

Pull Request Feedback

Turn a UI change into a focused review with severity levels, file locations, verification steps, and rejected alternatives.

Try These Prompts

Quick UI Check

Review this interface description for the most important polish issues. Focus on typography, spacing, hierarchy, contrast, and interaction feedback. Return up to five findings with severity and concrete fixes.

Component Polish

Review the following component against polished interface practices. Check nested radii, borders, shadows, icon alignment, states, and motion. Cite the relevant component or style location and suggest exact changes.

Motion And Performance

Audit these interface transitions and animations. Check enter and exit timing, hover frequency, reduced-motion behavior, transition properties, and will-change usage. Separate actionable findings from acceptable choices.

Full Interface Audit

Perform a full review of this interface across typography, surfaces, animations, icons, and performance. Use quick or full review rules as requested. Include severity, locations, verification results, rejected candidates, and a final verdict.

Best Practices

Inspect the highest-traffic states first, then expand to the full requested scope.
Use exact locations, severity, observed evidence, and concrete replacement guidance.
Verify every relevant state and label checks as not verified when evidence is unavailable.

Avoid

Do not use transition-all when only specific properties change.
Do not add will-change to every animated element or use it without observed stutter.
Do not add elaborate motion to repeated interactions such as hovers, keystrokes, or tab changes.