デザインを、そのままコードに。
デザインカンプと原稿を渡すだけで、AI が成果物の契約に合う HTML/CSS を納品します。
Magic Coder は、デザインカンプ(CANVAS)の画像と、ページに載せる原稿を受け取り、AI がその見た目を編集できる HTML/CSS で再現します。書いたものは成果物の契約(magic://schemas/project/v2)で検査し、違反があれば直し方を添えて AI に直させ、検査に通ったプロジェクトフォルダを ZIP で納品します。
できること
- CANVAS をそのままコードに:配置・文字組み・色・余白を CANVAS に合わせ、写真や図案は CANVAS から切り出した画像素材にします。
- 原稿どおりの文字:載せる文字は原稿が正本です。文字はすべて編集できる CMS の項目として納品します。
- 検査に通るまで直す:Magic Coder の検査と直し方で、AI が成果物の契約に合うまで書き直します。検査だけを API で使うこともできます。
使い始めるまで
- アカウントは招待制です。事務局が発行した招待 URL からパスワードを決めます。
- 「コーディングを依頼」で媒体を選び、CANVAS の画像と原稿を渡します。
- 数分から数十分で納品されます。管理画面で表示を確かめ、ZIP をダウンロードします。
- ほかのシステムからは、API クライアントのトークンで同じことができます(API の使い方)。