インターフェイスの仕上げを改善
小さなUIのディテールは、完成したプロダクトを粗く感じさせることがよくあります。このスキルは、Claude、Codex、Claude Codeがタイポグラフィ、サーフェス、モーション、インタラクションの仕上がりをレビューするのに役立ちます。
このリクエストをエージェントにコピーしてください。正規の 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 エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「make-interfaces-feel-better」を使用しています。 カードが外側のコンテナと内側の画像に同じ角丸を使用している。
期待される結果:
レビューでは、入れ子になったサーフェスが同心円状に見えるように、外側の角丸を大きくし、内側の角丸を小さくすることを推奨します。
「make-interfaces-feel-better」を使用しています。 ツールバーアイコンがホバー時に表示され、2つの状態の間で瞬時に切り替わる。
期待される結果:
レビューでは、アイコンの状態変化が滑らかに感じられるように、不透明度、スケール、ブラーをクロスフェードすることを推奨します。
「make-interfaces-feel-better」を使用しています。 ダッシュボードのカウンターが値の更新時に横方向へずれる。
期待される結果:
レビューでは、各数字の幅が等しくなり、レイアウトが安定するように等幅数字を推奨します。
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.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better?utm_source=security_passport_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><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>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@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}
}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"
リリース前に、角丸、シャドウ、モーション、タイポグラフィ、ヒットエリアの問題についてコンポーネントをレビューします。
再利用可能なコンポーネント全体で、サーフェス処理、アニメーションの挙動、タイポグラフィのディテールを揃えます。
主観的なフィードバックを、具体的なビフォーアフターの実装変更に変換します。
UIの仕上げについてこのコンポーネントをレビューしてください。原則ごとにグループ化したビフォーアフター表で返してください。
中断可能性、入場タイミング、退出タイミング、アイコントランジション、ページ読み込み時の挙動について、これらのアニメーションを監査してください。
角丸、シャドウ、画像のアウトライン、視覚的な整列、テキスト折り返し、スムージング、等幅数字について、これらのスタイルをレビューしてください。
提供されたフロントエンドファイル全体でこのスキルを使用してください。すべての変更を原則ごとに簡潔なビフォーアフター表でグループ化してください。
作成者
jakubkrehelライセンス
MIT
Skillstore リビジョン
r2
バージョンに関する注意
作者はバージョンを宣言していません。
参照
1c2ebded2116f8124f45dba86a2e567f56e64d8e
メンテナンスの新しさ
2026/8/7
利用状況
25 ダウンロード · 19 閲覧
Build and Compare UI Variants
Teams often compare superficial UI alternatives without learning which design decision matters. This skill builds distinct, accessible variants and a shareable picker for informed selection.
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.
Review Interface Changes with Clear Evidence
Interface changes can introduce visual, accessibility, and content regressions across connected surfaces. This skill resolves the change scope and produces evidence-based findings with clear status labels.
Stress-Test a UI Component
UI components often fail when content, states, or container sizes differ from the expected path. This skill builds a focused harness that exposes visible failures.
Explain How a Web Interface Was Built
Web interfaces hide their implementation behind compiled styles and runtime behavior. This skill gathers evidence and explains the design system or visual effect.
再利用可能なデザインシステムパターンを抽出する
作成者 pbakaus
チームはアプリケーション全体で UI コンポーネント、トークン、レイアウトパターンを重複して作成しがちです。このスキルは、Claude、Codex、または Claude Code が再利用可能なパターンを見つけ、それらを保守されたデザインシステムへ統合するのに役立ちます。
Build Consistent Design Systems and Slides
作成者 nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
個性的なフロントエンドインターフェイスを設計する
作成者 Atman36
一般的な生成インターフェイスは、予測可能で弱い印象になりがちです。このスキルは、Claude、Codex、Claude Code が個性的で本番品質のフロントエンドデザインへ向かうよう導きます。
リサーチ主導のデザインガイダンスでUXを改善
作成者 shubhamsaboo
チームは思い込みに基づいてフローを設計し、アクセシビリティの問題を見落としがちです。このスキルは、UXのベストプラクティスを用いて、リサーチ、構造化、インタラクションデザイン、レビューを支援します。
特徴的なUIプロトタイプを設計する
作成者 tencentcloudbase
汎用的なAIインターフェースは、視覚的な方向性やプラットフォームを考慮した細部が不足しがちです。このスキルは、Claude、Codex、Claude Codeがプロトタイプを構築する前にデザイン意図を定義できるよう支援します。
Check designs with deterministic CSS rules
作成者 cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.