BIOLUME

バイオテック企業サイト

BIOLUMEは、Claude Code・Codex・Cursor向けのAI Skillです。バイオテック企業のサイトを作ります。深いブルーの画面の奥で、ピントを外した細胞のループ映像が静かに流れます。その上を20個の光球がそれぞれの速さで漂い、手前にきわめて大きく細い見出しが載ります。続く2枚のカードは顕微鏡写真と実際の実験室の写真を並べ、さらに「マイルストーン」はセクションごと固定されて、スクロールするたびに年と対になる写真が入れ替わります。

できること

  • HTML・CSS・JavaScriptだけで作られた完成済みのウェブサイト
  • デモ用素材パック:ファーストビューのループ映像1本、ファーストビュー写真3点、カード写真4点、年表写真10点
  • 360pxのスマホから1440pxのデスクトップまでレイアウトを確認

こんな方に

  • バイオテック・診断・医療機器の企業
  • 研究機関とラボ
  • ウェブ制作のフリーランス

準備するもの

  • 会社名と、言いすぎにならない一文の紹介
  • 三つの数字と、その単位と意味
  • カードで説明する二つのこと
  • 五つのマイルストーン:年、短いタグ、見出し、二文の説明

よくある質問

Claude Code、Codex、Cursorに貼り付けるか、SKILL.mdとしてツールのskillsフォルダに保存してください。AIが素材パックを取得し、足りないものを尋ね、プロジェクトフォルダにサイトを作ります。Skillの使い方

この区画は画面に固定され、スクロールは年の切り替えに変わります。左の年リストが現在の年を白く示し、右の組写真がその年の顕微鏡写真と実験室写真に入れ替わり、下部の細い線が伸びます。10点の写真はすべて実写で、同じ青のトーンをかけてあるため一組として読めます。年そのものがボタンなので、スクロールしなくても切り替えられます。「視差効果を減らす」設定では固定されず、5つの年がそのまま縦に並びます。

はい。ブランド名と本文を渡し、素材パックのファイルを同じ名前のまま自分のものに差し替えてください。Skillは、レビュー、受賞、住所、電話番号を創作しないようAIに指示しています。

全71点のSkillと今後追加される分:月額US$6、6か月US$29、買い切りUS$99。価格は税込です。

ご注文内容の確認

月額プラン$6USD/月

毎月自動更新されます。マイページからいつでも解約できます。