01
このSkillでできること
- ✓本番向けインターフェースの構築・修正・改善
- ✓CSSを含むインターフェースソースの変更
- ✓既存のデザイン方針やコンポーネントを活用した実装
- ✓表示状態や操作を確認し、品質上の重要な不足を改善
02
使い方
01
STEP 1
デザイン契約、原則、品質基準、関連インテグレーションを確認する
02
STEP 2
対象プロジェクトの画面、コンテンツ、状態、トークン、コンポーネント、アセットを調査する
03
STEP 3
必要に応じてデザイン意図を確認し、確定済みの方向性があれば再利用する
04
STEP 4
既存チェックを実行し、表示状態と操作を確認して結果と残る制約を報告する
03
Skillのインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。
Repository:
https://github.com/boman-ng/agentpack04
このSkillを使うプロンプト例
Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。
既存のデザイン方針と品質基準を確認し、対象インターフェースの必要な範囲だけを構築・修正してください。実装後は表示状態と操作を確認し、重要な品質上の不足を改善したうえで、結果と残る制約を報告してください。出力例を見る
対象インターフェースを実装・確認しました。実行したチェック、確認した表示状態と操作、改善内容、および残る品質上の制約を報告します。05
安全性チェック
自動解析による参考情報です。Skillの安全性を保証するものではありません。
外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
- network: agent with Git and filesystem access: ```text Install https://github.com/boman-ng/skills from its latest default-branch content. Follow INSTALL.md for t
- network: ---|---|---| | Interface design | [pbakaus/impeccable](https://github.com/pbakaus/impeccable) | Skill suite | Interface design, implementation, accessibi
06
関連Skill
verify-wink
Verify Wink
WinkのWeb UIをデスクトップとスマートフォン画面で操作し、機能や修正をユーザー視点で検証してPASS/FAILの証跡を残します。
評価確度:暫定ai-agentsclaude-codecodex
od-contribute
od-contribute(OpenDesign貢献フロー)
OpenDesignへのSkill・デザインシステム提供、ドキュメント翻訳、誤字修正・ブログ作成、バグ報告を支援し、検証後にPRまたはIssueを作成します。
↗ 急上昇agent-skillsai-designdesign-systems
agent-device
agent-device
iOS、Android、tvOS、macOS、Fire TV、Vega OS TVアプリを操作・検証するためのエージェント向け自動化スキル。
↗ 急上昇agentic-aiautomatione2e-testing