shape
81構築前にUXを計画する
チームは、ユーザーの目標、状態、制約を明確にする前にインターフェースを構築してしまうことがよくあります。このスキルはディスカバリーをガイドし、実装のためのデザインブリーフを作成します。
プロジェクトのデザインコンテキストを取得
AIによるデザイン作業では、セッションをまたぐとプロジェクトのコンテキストが失われがちです。このスキルは根拠を収集し、Claude、Codex、Claude Code向けに再利用可能なガイダンスを保存します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "teach-impeccable" from https://skillstore.io/skills/pbakaus-teach-impeccable.md and its manifest at https://skillstore.io/api/skills/pbakaus-teach-impeccable/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「teach-impeccable」を使用しています。 既存コンポーネントがあり、ブランド方向性が不明確なSaaSダッシュボードプロジェクトでセットアップを実行する。
期待される結果:
運用担当ユーザー、落ち着いた視覚トーン、控えめなコンポーネント、密度の高いワークフロー向けの実用的な原則を説明するDesign Contextセクション。
「teach-impeccable」を使用しています。 チームがダークモード対応とアニメーション削減を決定した後にガイダンスを更新する。
期待される結果:
テーマの好み、モーション制約、アクセシビリティへの期待、改訂されたデザイン原則を記録した更新済みコンテキストセクション。
「teach-impeccable」を使用しています。 新しいマーケティング設定ページを構築する前に、AIエージェントを準備する。
期待される結果:
従うべきパターン、色、余白、インタラクションスタイルをエージェントに伝える、保存済みのデザインブリーフ。
The three static findings are false positives caused by inline and fenced markdown backticks in SKILL.md. I found no prompt injection attempt, data exfiltration intent, or executable command path in the reviewed file. The skill does ask the assistant to write design context to local project files, which matches its stated setup purpose.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/pbakaus-teach-impeccable/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/pbakaus-teach-impeccable?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/pbakaus-teach-impeccable?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-teach-impeccable/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/pbakaus-teach-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). teach-impeccable security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-teach-impeccable/audits/4@techreport{pbakaus-pbakaus-teach-impeccable-2026,
author = {pbakaus},
title = {teach-impeccable security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-teach-impeccable/audits/4},
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: "teach-impeccable security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-teach-impeccable/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-teach-impeccable:audit:4"
description: "Skillstore immutable audit report identifier"
新しいAI支援のプロダクト作業を始める前に、オーディエンス、ブランド、インターフェースへの期待を取得します。
コーディングエージェントがコンポーネント、レイアウト、ビジュアルスタイルを変更する前に、長く使えるデザインルールを提供します。
繰り返し行うプロジェクトセッションのために、デザインリファレンス、アンチリファレンス、アクセシビリティ要件、原則を記録します。
teach-impeccableを使用してこのプロジェクトをスキャンし、不足しているデザインの質問だけを行い、Design Contextセクションを作成してください。
teach-impeccableを使用して、最近のプロジェクト変更を確認し、不足している判断事項を質問したうえで、既存のDesign Contextを更新してください。
リデザイン前にteach-impeccableを使用してください。更新されたガイダンスを書く前に、現在のインターフェース、ブランドアセット、コンポーネントパターンを比較してください。
teach-impeccableを使用して、コードベースの根拠、ステークホルダーの回答、アンチリファレンス、アクセシビリティ要件、デザイン原則を、長く使えるプロジェクトガイダンスへ統合してください。
作成者
pbakausライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
e397ce5a135369cd6def89cb6400d013e2f68f2f
メンテナンスの新しさ
2026/7/18
利用状況
20 ダウンロード · 145 閲覧
ファイル構成
📄 SKILL.md
構築前にUXを計画する
チームは、ユーザーの目標、状態、制約を明確にする前にインターフェースを構築してしまうことがよくあります。このスキルはディスカバリーをガイドし、実装のためのデザインブリーフを作成します。
ユーザーインターフェースに心地よさを加える
機能的なインターフェースは、重要な場面で平板で印象に残らなかったり、ストレスを感じさせたりすることがあります。このスキルは、Claude、Codex、Claude Code が、コピー、アニメーション、フィードバック、達成を祝うパターンを通じて、適切な仕上げを加えるのに役立ちます。
より優れたオンボーディング体験を設計する
新規ユーザーは、プロダクトの価値がすばやく伝わらないと離脱しがちです。このスキルは、ユーザーを最初の成功へ導くオンボーディング、空状態、ガイド付きヘルプの設計を支援します。
インターフェースデザインを簡素化する
複雑なインターフェースは意思決定を遅らせ、主要なユーザー目標を見えにくくします。このスキルは Claude、Codex、Claude Code が不要な要素を取り除き、階層を明確にし、必要な機能を維持できるように導きます。
UIレイアウトと視覚的リズムを改善する
混雑したインターフェイスや反復的なグリッドは、プロダクトの見やすさと信頼性を損ないます。このスキルは、Claude、Codex、Claude Codeがより優れた余白、階層、レスポンシブな構成を実現できるよう導きます。
再利用可能なデザインシステムパターンを抽出する
チームはアプリケーション全体で UI コンポーネント、トークン、レイアウトパターンを重複して作成しがちです。このスキルは、Claude、Codex、または Claude Code が再利用可能なパターンを見つけ、それらを保守されたデザインシステムへ統合するのに役立ちます。
Anthropicブランドスタイルを適用
作成者 ZhanlinCui
チームでは、ドキュメントやプレゼンテーション全体で一貫したAnthropic風のビジュアルが必要になることがよくあります。このスキルは、洗練されたブランド付き成果物を作成するための実用的な色、タイポグラフィ、アクセントのガイダンスを提供します。
アクセシブルなプロダクトインターフェイスを設計する
作成者 sickn33
チームは、ユーザーニーズを一貫性がありアクセシブルなインターフェイスへ落とし込むことに苦労しがちです。このスキルは、リサーチ、フロー、デザインシステム、トークン、ハンドオフをガイドします。
特徴的なフロントエンドインターフェイスを設計する
作成者 Byunk
汎用的なインターフェイスは、プロダクトをどれも同じように感じさせることがあります。このスキルは、Claude、Codex、Claude Code を、具体的なビジュアル方針、洗練されたコード、検証へと導きます。
ユーザージャーニーとワークフローをマッピングする
作成者 Dami-Randle
チームには、ユーザーがサービス内をどのように進むかを明確に把握する必要があります。このスキルは、アクション、感情、ペインポイント、機会を明らかにする構造化されたジャーニーマップを作成します。
洗練されたフロントエンドインターフェースを構築
作成者 leonxlnx
AIが生成するインターフェースは、汎用的に見えたり、本番環境で必要な細部が抜け落ちたりしがちです。このスキルは、Claude、Codex、Claude Codeに厳格なデザインおよびフロントエンドのガードレールを提供します。
フロントエンドデザインのセンスを向上
作成者 leonxlnx
AI が生成するフロントエンドは汎用的に見えたり、レスポンシブ状態が不足したりすることがあります。このスキルは、Claude、Codex、Claude Code に対して、より洗練された React と Tailwind の出力を得るための明確な UI ルールを提供します。