design-build

デザイン・ビルド

本番向けインターフェースを設計方針と品質確認に基づいて構築・修正・改善するスキル。

AIスキル大辞典による日本語要約
品質評価95/100評価確度:標準
人気度(GitHub Star) 16発掘スコア 100
01

このSkillでできること

  • ✓本番向けインターフェースの構築・修正・改善
  • ✓CSSを含むインターフェースソースの変更
  • ✓既存のデザイン方針やコンポーネントを活用した実装
  • ✓表示状態や操作を確認し、品質上の重要な不足を改善
02

使い方

01
STEP 1

デザイン契約、原則、品質基準、関連インテグレーションを確認する

02
STEP 2

対象プロジェクトの画面、コンテンツ、状態、トークン、コンポーネント、アセットを調査する

03
STEP 3

必要に応じてデザイン意図を確認し、確定済みの方向性があれば再利用する

04
STEP 4

既存チェックを実行し、表示状態と操作を確認して結果と残る制約を報告する

03

Skillのインストール

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/boman-ng/agentpack
04

この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