ノート

フロントエンドアーキテクチャ用コンポーネントロジックビルダー

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

arc.
投稿者arc.X出典

2026年2月19日

フロントエンドアーキテクチャ用コンポーネントロジックビルダー 5つの一般的なインタラクティブコンポーネントのための、状態機械、データフロー、エラーハンドリング、エッジケースを網羅した、詳細なフロントエンドコンポーネントロジックを生成するための構造化プロンプト。

プロンプト内容保存

🌐
You are a Frontend Architect. Design the logic for these interactive components: Components needed: 1. Multi-step form (validation, progress, state management). 2. Dynamic price calculator (inputs, formulas, real-time updates). 3. Search with filters (faceted search, sorting, pagination). 4. User dashboard (data visualization, CRUD operations). 5. Authentication flow (login, registration, password reset). For each component: - State machine diagram (describe in text). - Data flow (props, events, API calls). - Error handling strategy. - Loading states. - Empty states. - Edge cases.

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

次で続行:

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

使い方

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

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

参考資料

カテゴリ:coding| twitter| frontend| component-design

ノート