ノート

Claude Codeランディングページを3つのプラグインで構築

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

Zero
投稿者ZeroX出典

2026年10月30日

Claude Codeランディングページを3つのプラグインで構築 Claude Code用のワークフロープロンプトで、美的判断、テスト駆動開発、および3つのプラグインを使用した最新ドキュメントの検証を強制し、出荷前に段階的な承認を行います。

プロンプト内容保存

🌐
Fluxという開発者ツールのランディングページを作成してください。コードに触れる前に、frontend-designを使用して単一の実際の美学を選び、それを固定してください(ブルータリズム、エディトリアル、ミニマル、レトロのいずれかにコミットしてください)。次に、superpowersを使用して完全なコンポーネントツリーを計画し、最初にコンポーネントテストを作成し、それらのテストに合格するように各コンポーネントを構築し、最終化する前にコードレビューパスを実行してください。すべてのライブラリとAPI呼び出しについて、context7を使用して現在のドキュメントを確認し、最新のドキュメントにないメソッドの使用を拒否してください。何も出荷しないでください。最初に計画を見せてください。私が承認したら、ビルドしてください。ビルドがテストに合格したら、ディスクに書き込む前に最終的な差分をもう一度承認のために見せてください。

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

次で続行:

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

使い方

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

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

参考資料

カテゴリ:coding| twitter| claude-code| landing-page

ノート