PROMPTON / BEST PRACTICES

ベストプラクティス

AIを使った制作に役立つ、指示の組み立て方と再現できる実践手順。

FigmaなしでAIとWebサイトを作る：設計・実装・公開の8ステップ

目的の整理、AGENTS.mdとDESIGN.md、Taste Skillと参考画面、HTML/CSSの試作、素材・部品の統一、ブラウザー検証、Gitと公開まで。コピーして使える指示文とPrompton入力例付き。

Figma MCPでフレームの構造・変数・素材を渡し、既存コードへ実装する手順。AGENTS.md、デザイン引き継ぎ、依頼文の例と、画面比較・操作確認・公開前のチェックを紹介します。

目的、情報の優先順位、掲載サイズ、写真、配色を整理し、HTMLとCSSで調整できるバナーをAIに依頼する手順。入力例から画像書き出しまで説明します。

HTMLスライドをAIに依頼するときの実践ガイド。5分・6枚の構成から、16:9表示、キーボード操作、出典、印刷、オフライン確認までを整理します。