目的に特化したプロダクトインターフェースを設計する
汎用的なダッシュボードは、プロダクトを画一的に見せ、把握しにくくします。このスキルは、Claude、Codex、Claude Code が明確なシステムを備えた焦点の定まったプロダクトインターフェースを設計できるよう支援します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "interface-design" from https://skillstore.io/skills/dammyjay93-interface-design.md and its manifest at https://skillstore.io/api/skills/dammyjay93-interface-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「interface-design」を使用しています。 プロダクトチームが現場技術者向けのメンテナンスダッシュボードを必要としている。
期待される結果:
「interface-design」を使用しています。 エンジニアが既存の設定ページのレビューを依頼している。
期待される結果:
「interface-design」を使用しています。 創業者が将来のプロダクト画面に一貫性を持たせたいと考えている。
期待される結果:
All 22 static findings appear to be false positives from Markdown examples, inline code formatting, and design prose. No evidence found for shell execution, system reconnaissance, prompt injection, network access, or data exfiltration.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/dammyjay93-interface-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/dammyjay93-interface-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/dammyjay93-interface-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dammyjay93-interface-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/dammyjay93-interface-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>dammyjay93. (2026). interface-design security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dammyjay93-interface-design/audits/4@techreport{dammyjay93-dammyjay93-interface-design-2026,
author = {dammyjay93},
title = {interface-design security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/dammyjay93-interface-design/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: "interface-design security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "dammyjay93"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/dammyjay93-interface-design/audits/4"
identifiers:
- type: other
value: "skillstore:dammyjay93-interface-design:audit:4"
description: "Skillstore immutable audit report identifier"
構築前にプロダクトドメインを探索し、シグネチャとなる方向性を選び、レイアウト、色、階層を定義します。
余白、サーフェス、コントロール、状態、タイポグラフィを監査し、インターフェースが意図的で一貫して感じられるようにします。
再利用可能なインターフェース判断を記録し、将来の画面が同じプロダクトロジックとビジュアルシステムに従うようにします。
interface-design skill を使って、新しいプロダクトインターフェースのドメインを探索してください。ユーザー、タスク、色の世界観、シグネチャ要素、採用しないデフォルトを特定してください。
明確なナビゲーションモデル、サーフェス階層、余白スケール、コントロール状態、ドメイン固有のビジュアル言語を備えたダッシュボードを設計してください。
このインターフェースについて、汎用的なパターン、弱い階層、一貫性のないトークン、不足している状態、不明確なプロダクト意図をレビューしてください。具体的な変更を推奨してください。
このインターフェースから再利用可能なパターンを抽出し、余白、奥行き、コンポーネント、ビジュアルの方向性を含め、将来の画面のために保存すべき内容を提案してください。
作成者
dammyjay93ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
34f316ba14ef36c7a620fc09f2676d2429997a77
メンテナンスの新しさ
2026/7/18
利用状況
6 ダウンロード · 137 閲覧
ファイル構成
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.
リサーチ主導のデザインガイダンスでUXを改善
作成者 shubhamsaboo
チームは思い込みに基づいてフローを設計し、アクセシビリティの問題を見落としがちです。このスキルは、UXのベストプラクティスを用いて、リサーチ、構造化、インタラクションデザイン、レビューを支援します。
フロントエンドのビジュアルデザインを改善
作成者 Barnhardt-Enterprises-Inc
一般的なフロントエンド画面は似た見た目になりがちで、ブランドへの焦点が弱くなります。このスキルは、より明確なインターフェースのために、タイポグラフィ、色、モーション、奥行きの選択をガイドします。
意思決定を促進するKPIダッシュボードを設計する
作成者 wshobson
チームは多くの数値を表示するだけで、行動につながらないダッシュボードを作りがちです。このスキルは、Claude、Codex、Claude Codeが意味のあるKPIを選定し、ビューを構成し、指標を明確に提示するのに役立ちます。
アクセシブルなプロダクトインターフェイスを設計する
作成者 sickn33
チームは、ユーザーニーズを一貫性がありアクセシブルなインターフェイスへ落とし込むことに苦労しがちです。このスキルは、リサーチ、フロー、デザインシステム、トークン、ハンドオフをガイドします。
より良い Google Stitch UI プロンプトを作成する
作成者 sickn33
プロンプトの詳細が不足していると、Google Stitch は汎用的なデザインを生成することがあります。このスキルは、画面、フロー、ビジュアルスタイル、アクセシビリティ、ハンドオフに関する構造化されたプロンプト作成ガイダンスを提供します。