Communitygithub.com

QuantumCoderSys/formasty-beautiful-forms

エージェントがMCPを通じて美しいFormastyフォームをデザイン・構築するためのCodexスキルです。

formasty-beautiful-forms とは?

このスキルは、AIエージェントがMCP(Model Context Protocol)を介してFormastyフォームを設計・構築するためのCodexスキルです。開発者は自然言語の指示を使って、スタイル、フィールド、バリデーションを含むフォームを効率的に作成できます。主にCodexプラットフォーム上で動作し、FormastyのAPIやMCPツールを活用してフォーム生成を自動化します。フォームのレイアウトやUI要素を直感的に指定できるため、手動コーディングの手間を削減し、美しいフォームを迅速にプロトタイプできます。

対応~Claude Code✓Codex CLI~Cursor
npx skills add QuantumCoderSys/formasty-beautiful-forms

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

formasty-beautiful-forms は何をしますか?

エージェントがMCPを通じて美しいFormastyフォームをデザイン・構築するためのCodexスキルです。

概要

このスキルは、AIエージェントがMCP(Model Context Protocol)を使用してFormastyフォームを作成・カスタマイズするための機能を提供します。自然言語の指示に基づいて、フォームの構造、スタイル、バリデーションルールを自動生成します。

使用方法

以下のようにエージェントに指示してください:

新しいお問い合わせフォームを作成してください。以下のフィールドを含めてください:
- 名前(テキストフィールド、必須)
- メールアドレス(メールフィールド、必須)
- メッセージ(テキストエリア、必須)
- 送信ボタン(プライマリスタイル)

サポートされるプラットフォーム

  • Codex

仕組み

このスキルは、FormastyのMCPツールを呼び出すことで、フォームの定義をJSONスキーマに変換し、美しいUIとしてレンダリングします。エージェントはユーザーの指示を解析し、適切なフォーム構造とスタイルを適用します。

関連スキル