# BIOLUME

> BIOLUME 是給 Claude Code、Codex 與 Cursor 使用的 AI Skill，可以做出生技公司的網站。

原始網頁: https://sketchry.app/zh/skills/biolume/

生技公司網站

BIOLUME 是給 Claude Code、Codex 與 Cursor 使用的 AI Skill，可以做出生技公司的網站。深藍首屏後面是一支失焦細胞的循環影片，上面二十顆失焦光球各自漂移，前面是極細極大的標題；接著兩張卡片各自把一張顯微照片和一張實驗室照片並排；再往下「里程碑」整段釘住，捲動時年份一個個換過去，配對的照片也跟著換。

### 包含內容

- 完整網站，以原生 HTML、CSS、JavaScript 製作
- 展示用素材包：一支首屏循環影片、三張首屏照片、四張卡片照片與十張年表照片
- 交付前檢查 360px 手機到 1440px 桌機的版面

### 適合

- 生技、診斷與醫材公司
- 研究機構與實驗室
- 網站接案者

### 需要準備

- 公司名稱與一句不會過度宣稱的介紹
- 三個數字與各自的單位和意思
- 兩段要說明的內容：平台與產品線
- 五個里程碑：年份、兩個字的標籤、標題與兩句話

## 常見問題

### 如何使用這份 Skill？

複製後貼進 Claude Code、Codex 或 Cursor，或存成 SKILL.md 放進工具的 skills 資料夾。AI 會下載素材包、詢問缺少的資料，並在你的專案資料夾完成網站。[Skill 的使用方式](https://sketchry.app/zh/blog/what-is-a-skill/#use)

### 「里程碑」那一段為什麼會停住？

那一段會釘在畫面上，捲動改成切換年份：年份清單左邊亮起目前這一年，右邊的配對圖換成那一年的顯微照片與實驗室照片，底下的細線跟著填。十張照片都是真的，全部過同一層藍色調，所以放在一起像同一套。年份本身也是按鈕，不捲動也能切。開啟「減少動態效果」時不釘住，五個年份直接依序排下來。

### 可以換成自己的品牌與照片嗎？

可以。提供品牌名稱與文案，再用自己的檔案替換素材包，檔名維持不變即可。Skill 也要求 AI 不得編造評論、獎項、地址或電話。

### 價格是多少？

月訂 US$6、六個月 US$29，或終身 US$99 一次付清，三種都能使用全部 71 份 Skill，含日後新增。價格含稅。

最後更新: 2026-10-15