Agent Skills by ALSEL
Anthropic Claudeデザイン・クリエイティブ⭐ リポ 1品質スコア 73/100

spec-driven-ui

Web、GUI、ターミナルインターフェースに対応した、制約認識型の9段階ワークフローを通じて、フロントエンドUIの仕様書、コード、フレームワークに依存しない設計情報源(design.md)を生成します。各ステップでExecute-Verify-Recordパターンを実行し、トークン最適化による偏りを防止します。Web(React、Blazor、ASP.NET、HTML)、デスクトップGUI(WPF、Tkinter)、ターミナルインターフェースに対応しており、design.mdという単一ドキュメントを作成することで、任意のAIがあらゆるフレームワークでUIを完全に再現できます。生成モード(対話的発見)、抽出モード(既存モックアップコードから--extractで取得)、ハイブリッドモードの3つに対応し、コンテキストファイルの検証、アーキテクチャ制約の遵守、技術およびスタイリング決定のユーザーガイダンスを行います。UIコンポーネントが必要なストーリーや、要件から視覚仕様を生成する場合、既存モックアップから設計情報源を抽出する場合に使用してください。ユーザーが/create-uiを実行する際は必ずこのスキルを使用します。

description の原文を見る

Generate front-end UI specifications, code, and a framework-agnostic Design Source of Truth (design.md) for Web, GUI, or Terminal interfaces through a constraint-aware 9-phase workflow with structural anti-skip enforcement. Uses Execute-Verify-Record pattern at every step to prevent token optimization bias. Supports Web (React, Blazor, ASP.NET, HTML), Desktop GUI (WPF, Tkinter), and Terminal interfaces. Produces design.md — a single document from which ANY AI can recreate the complete UI in any framework. Supports three modes: generated (interactive discovery), extracted (from existing mockup code via --extract), and hybrid. Validates context files, respects architectural constraints, and interactively guides users through technology and styling decisions. Use when stories require UI components, when generating visual specifications from requirements, or when extracting a design source of truth from existing mockups. Always use this skill when the user runs /create-ui.

SKILL.md 本文

注意: このスキルのライセンスは NOASSERTION (未指定) です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。

スペック駆動型UI生成

インタラクティブで制約を考慮した9フェーズワークフローを通じて、フロントエンドユーザーインターフェース仕様とコードを生成します。構造的なスキップ防止の機能があります。

コンテキストファイルは法律です: tech-stack.md、source-tree.md、dependencies.md、coding-standards.md、architecture-constraints.md、anti-patterns.md

曖昧さや競合が検出された場合: 中断して AskUserQuestion を使用します


実行モデル

このスキルはインラインで展開されます。呼び出し後、フェーズ状態初期化を直ちに実行してください。受動的に待機したり、実行許可を求めたり、実行オプションを提供したりしないでください。

自己チェック (いずれかのボックスが真の場合 = 違反):

  • トークン予算について質問するために停止している
  • 実行オプションを提供するために停止している
  • 結果を受動的に待機している
  • 「これを実行すべきか?」と聞いている
  • 「簡単そうに見える」という理由でフェーズをスキップしている
  • 複数のフェーズを1つに組み合わせている
  • 参照ファイルを

...

詳細情報

作者
bankielewicz
リポジトリ
bankielewicz/DevForgeAI
ライセンス
NOASSERTION
最終更新
2026/5/11

Source: https://github.com/bankielewicz/DevForgeAI / ライセンス: NOASSERTION

本サイトは GitHub 上で公開されているオープンソースの SKILL.md ファイルをクロール・インデックス化したものです。 各スキルの著作権は原作者に帰属します。掲載に問題がある場合は info@alsel.co.jp または /takedown フォームよりご連絡ください。
原作者: bankielewicz · bankielewicz/DevForgeAI · ライセンス: NOASSERTION (未指定)