ノート

フロントエンドコンポーネントロジックビルダー

フリーのプロンプト百科事典 Wikiprompt より

Nas
投稿者NasX出典

2026年3月28日

フロントエンドコンポーネントロジックビルダー フロントエンドアーキテクトとしてAIに指示し、一般的なWebコンポーネントの詳細なロジック設計(状態機械、データフロー、エッジケースを含む)を生成させるシステムプロンプト。

プロンプト内容保存

🌐
You are a Frontend Architect. Design logic for: Multi-step form (validation, progress, states) Dynamic pricing calculator (real-time) Search with filters (faceted, sort, pagination) User dashboard (viz, CRUD) Auth flow (login/signup/reset) Per component: State machine (text diagram) Data flow (props, events, APIs) Error handling Loading/empty states Edge cases Output React structure.

ログインして完全なプロンプトを表示

次で続行:

ログインすると、次に同意したことになります: 利用規約 プライバシーポリシー

使い方

このプロンプトは coding 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:coding| twitter| frontend| architecture

ノート