← All skill packs

UI Design & Frontend Skills

Skill pack
5 skills0 selected
csilost2001Skills in this pack

Harmony の UI 各画面の操作リファレンス (docs/user-guide/ui-reference/) を、Playwright MCP screenshot + a11y snapshot を使って自動生成・更新する。引数なし = 全画面網羅。 指定で 1 画面のみ更新可能。発動条件: ユーザーが UI ドキュメント (操作マニュアル / 画面リファレンス / screenshot 付き使い方) の作成・更新を明示的に依頼した時のみ。spec / schema / code generation…

Japanese

Project ディレクトリが指定され、その配下の Markdown 設計書を Harmony JSON 成果物に変換するよう明示的に依頼された場合のみ実行。MD inventory → archetype 分類 → entity/generic-definition mapping → audit。説明・レビュー・調査用途では起動しない (引数なし / 既存 Harmony JSON への質問 / spec…

Japanese

ISSUE を Opus 直接実装 + Codex CLI (cdx エイリアス) 反復レビューで完遂する。設計判断を先に確定 → user 不在中も自律実行。1 ISSUE / 複数 ISSUE…

Japanese

画面の未命名 ID (textInput1 等) を AI…

Japanese

ProcessFlow JSON の実行セマンティクスを専門レビュー (変数ライフサイクル / TX スコープ / runIf 連鎖 / 補償整合 / event 双方向 / 画面項目連携 / SQL alias 整合 / 業務 semantic gap)。Step 0.5 で 12 バリデータを機械実行 (599 / 621)、Step 1 で 17 観点を AI…

Japanese

Includes Document UI, Import Markdown, Issues Cdx, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills5CategorygeneralStars0

What’s included

Document UI

Harmony の UI 各画面の操作リファレンス (docs/user-guide/ui-reference/) を、Playwright MCP screenshot + a11y snapshot を使って自動生成・更新する。引数なし = 全画面網羅。 指定で 1 画面のみ更新可能。発動条件: ユーザーが UI ドキュメント (操作マニュアル / 画面リファレンス / screenshot 付き使い方) の作成・更新を明示的に依頼した時のみ。spec / schema / code generation の説明依頼では起動しない。

Import Markdown

Project ディレクトリが指定され、その配下の Markdown 設計書を Harmony JSON 成果物に変換するよう明示的に依頼された場合のみ実行。MD inventory → archetype 分類 → entity/generic-definition mapping → audit。説明・レビュー・調査用途では起動しない (引数なし / 既存 Harmony JSON への質問 / spec 説明依頼は対象外)

Issues Cdx

ISSUE を Opus 直接実装 + Codex CLI (cdx エイリアス) 反復レビューで完遂する。設計判断を先に確定 → user 不在中も自律実行。1 ISSUE / 複数 ISSUE 統合どちらも対応

Rename Screen Ids

画面の未命名 ID (textInput1 等) を AI 推論で業務的な名前に一括リネームする

Review Flow

ProcessFlow JSON の実行セマンティクスを専門レビュー (変数ライフサイクル / TX スコープ / runIf 連鎖 / 補償整合 / event 双方向 / 画面項目連携 / SQL alias 整合 / 業務 semantic gap)。Step 0.5 で 12 バリデータを機械実行 (599 / 621)、Step 1 で 17 観点を AI レビュー。設計フェーズから使える

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Document UI skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • License details are not provided in these listings. Check the author’s terms before using the skills.