shape
81構築前にUXを計画する
チームは、ユーザーの目標、状態、制約を明確にする前にインターフェースを構築してしまうことがよくあります。このスキルはディスカバリーをガイドし、実装のためのデザインブリーフを作成します。
独自性のあるフロントエンドインターフェイスを構築
汎用的なAIインターフェイスは、どれも似通っていて未完成に見えます。Impeccableは、Claude、Codex、Claude Codeに、洗練されたフロントエンド作業のための構造化されたデザインガイダンスを提供します。
このスキルはパックに含まれています
タスクに必要なすべてのスキルを、パックごと 1 コマンドでインストールできます。
この Skill を自動インストールしないでください。
基準ポリシーにより、インストール操作の前にオペレーターのレビューが必要です。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "impeccable" from https://skillstore.io/skills/pbakaus-impeccable.md and its manifest at https://skillstore.io/api/skills/pbakaus-impeccable/manifest. Verify the artifact. Do not auto-install. Inspect the skill and report your findings, then wait for an operator or manual installation decision.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「impeccable」を使用しています。 モバイルコマースアプリ向けのチェックアウト進行状況インターフェイスを作成してください。
期待される結果:
明確な階層、アクセシブルなフォーカス状態、有用な読み込み動作、簡潔なエラーコピーを備えたレスポンシブなチェックアウトステッパー。
「impeccable」を使用しています。 汎用的でカードが多すぎる印象のダッシュボードを改善してください。
期待される結果:
より強いスペーシング、タイポグラフィ、少ない冗長カード、明確なデータ優先順位、レスポンシブレイアウトを備えた洗練されたダッシュボードの方向性。
「impeccable」を使用しています。 繰り返し使われているアカウント設定画面から再利用可能なパターンを抽出してください。
期待される結果:
共有フォーム行、アクショングループ、ステータスメッセージ、スペーシングトークン、ドキュメント更新のための移行計画。
Most static matches are lexical false positives from design prose, regular-expression calls, readable detector code, and a disclosed minified screenshot dependency. Confirmed risks include automatic network access, disabled browser sandboxing in CI, shell command injection through crafted paths, credential-bearing subprocesses, and a live server whose token and privileged agent workflows are exposed across origins. Static review was capped at 400/2770 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/pbakaus-impeccable/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/pbakaus-impeccable?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/pbakaus-impeccable?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-impeccable/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/pbakaus-impeccable.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>pbakaus. (2026). impeccable security audit report (audit version 6) [Author version 3.9.1]. Skillstore. https://skillstore.io/skills/pbakaus-impeccable/audits/6@techreport{pbakaus-pbakaus-impeccable-2026,
author = {pbakaus},
title = {impeccable security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/pbakaus-impeccable/audits/6},
note = {Author version 3.9.1}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "impeccable security audit report (audit version 6)"
version: "3.9.1"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/pbakaus-impeccable/audits/6"
identifiers:
- type: other
value: "skillstore:pbakaus-impeccable:audit:6"
description: "Skillstore immutable audit report identifier"
レイアウト、タイポグラフィ、レスポンシブ動作、インタラクション状態、ビジュアルの洗練を備えた完全なフロントエンド画面を作成します。
インターフェイス作業を生成する前に、対象ユーザー、ブランド、アクセシビリティ、美的判断を収集します。
繰り返し使われるコンポーネントとトークンを特定し、それらを既存のデザインシステムへ移行する計画を立てます。
/impeccable teach
/impeccable craft 独立コンサルタント向けの料金比較セクションを作成してください。トーンは精密で、自信があり、温かみのある印象にしてください。
/impeccable craft オンボーディングチェックリスト画面を再デザインしてください。同じアクションは維持しつつ、階層、レスポンシブ動作、空状態、アクセシビリティを改善してください。
/impeccable extract 設定エリアをレビューし、再利用可能なコンポーネント、セマンティックトークン、命名規則、安全な移行パスを特定してください。
作成者
pbakausライセンス
Apache 2.0
作者バージョン
v3.9.1
Skillstore リビジョン
r2
参照
ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006
メンテナンスの新しさ
2026/7/25
利用状況
40 ダウンロード · 144 閲覧
ファイル構成
📄 adapt.md
📄 audit.md
📄 brand.md
📄 codex.md
📄 craft.md
📄 hooks.md
📄 init.md
📄 live.md
📄 shape.md
📁 scripts/
📁 browser/
📁 cli/
📄 main.mjs
📄 detect-antipatterns-browser.js
📁 engines/
📁 browser/
📁 regex/
📁 visual/
📁 node/
📁 profile/
📁 rules/
📁 shared/
📄 page.mjs
📄 hook.mjs
📁 lib/
📁 live/
📄 live-commit-manual-edits.mjs
📄 live-discard-manual-edits.mjs
📄 live-manual-edit-evidence.mjs
📄 live.mjs
📄 pin.mjs
📄 SKILL.md
構築前にUXを計画する
チームは、ユーザーの目標、状態、制約を明確にする前にインターフェースを構築してしまうことがよくあります。このスキルはディスカバリーをガイドし、実装のためのデザインブリーフを作成します。
プロジェクトのデザインコンテキストを取得
AIによるデザイン作業では、セッションをまたぐとプロジェクトのコンテキストが失われがちです。このスキルは根拠を収集し、Claude、Codex、Claude Code向けに再利用可能なガイダンスを保存します。
ユーザーインターフェースに心地よさを加える
機能的なインターフェースは、重要な場面で平板で印象に残らなかったり、ストレスを感じさせたりすることがあります。このスキルは、Claude、Codex、Claude Code が、コピー、アニメーション、フィードバック、達成を祝うパターンを通じて、適切な仕上げを加えるのに役立ちます。
より優れたオンボーディング体験を設計する
新規ユーザーは、プロダクトの価値がすばやく伝わらないと離脱しがちです。このスキルは、ユーザーを最初の成功へ導くオンボーディング、空状態、ガイド付きヘルプの設計を支援します。
再利用可能なデザインシステムパターンを抽出する
チームはアプリケーション全体で UI コンポーネント、トークン、レイアウトパターンを重複して作成しがちです。このスキルは、Claude、Codex、または Claude Code が再利用可能なパターンを見つけ、それらを保守されたデザインシステムへ統合するのに役立ちます。
UIレイアウトと視覚的リズムを改善する
混雑したインターフェイスや反復的なグリッドは、プロダクトの見やすさと信頼性を損ないます。このスキルは、Claude、Codex、Claude Codeがより優れた余白、階層、レスポンシブな構成を実現できるよう導きます。
リサーチ主導のデザインガイダンスでUXを改善
作成者 shubhamsaboo
チームは思い込みに基づいてフローを設計し、アクセシビリティの問題を見落としがちです。このスキルは、UXのベストプラクティスを用いて、リサーチ、構造化、インタラクションデザイン、レビューを支援します。
アクセシブルなプロダクトインターフェイスを設計する
作成者 sickn33
チームは、ユーザーニーズを一貫性がありアクセシブルなインターフェイスへ落とし込むことに苦労しがちです。このスキルは、リサーチ、フロー、デザインシステム、トークン、ハンドオフをガイドします。
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.
WCAG準拠のためのWebアクセシビリティ監査
作成者 89jobrien
アクセシビリティ上のギャップは、ユーザーの利用を妨げ、コンプライアンスリスクを生む可能性があります。このスキルは、WCAG監査、スクリーンリーダーチェック、キーボードテスト、改善計画を支援します。
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.
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.