ノート

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

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

arc.
投稿者arc.X出典

2026年6月8日

コンポーネントロジックビルダー フロントエンドアーキテクト向けのプロンプト。5つの一般的なインタラクティブコンポーネントのロジックを設計するためのもの。ステートマシン、データフロー、エラーハンドリング、エッジケースを含む。

プロンプト内容保存

🌐
Eres un Arquitecto de Frontend. Diseña la lógica para estos componentes interactivos: Componentes necesarios: 1. Formulario de varios pasos (validación, progreso, gestión de estados). 2. Calculadora de precios dinámica (entradas, fórmulas, actualizaciones en tiempo real). 3. Búsqueda con filtros (búsqueda por facetas, ordenación, paginación). 4. Panel de usuario (Dashboard) (visualización de datos, operaciones CRUD). 5. Flujo de autenticación (inicio de sesión, registro, restablecimiento de contraseña). Para cada componente: • Diagrama de máquina de estados (describir en texto). • Flujo de datos (props, eventos, llamadas a API). • Estrategia de manejo de errores. • Estados de carga (Loading states). • Estados vacíos (Empty states). • Casos borde (Edge cases).

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

次で続行:

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

使い方

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

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

参考資料

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

ノート