·ux-form-design
*

ux-form-design

matthewharwood/fantasy-phonics

検証、ラベル、エラー処理、フォーム関連のカスタム要素を含むフォームと入力のデザイン パターン。フォーム、入力、またはインタラクティブなデータ収集を構築するときに使用します。 (プロジェクト)

3インストール·0トレンド·@matthewharwood

インストール

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-form-design

SKILL.md

Form patterns for data collection, validation, and user feedback. This skill covers accessible form design with custom elements.

Important: Store element references during construction - NEVER use querySelector.

検証、ラベル、エラー処理、フォーム関連のカスタム要素を含むフォームと入力のデザイン パターン。フォーム、入力、またはインタラクティブなデータ収集を構築するときに使用します。 (プロジェクト) ソース: matthewharwood/fantasy-phonics。

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-form-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-form-design
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

ux-form-design とは?

検証、ラベル、エラー処理、フォーム関連のカスタム要素を含むフォームと入力のデザイン パターン。フォーム、入力、またはインタラクティブなデータ収集を構築するときに使用します。 (プロジェクト) ソース: matthewharwood/fantasy-phonics。

ux-form-design のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-form-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/matthewharwood/fantasy-phonics