Community程式設計與開發github.com

lyxsdw123123/react-bits-portfolio

基於 React Bits (https://reactbits.dev) 動畫元件庫的個人作品集 / 履歷模板。由 130 多個動畫元件驅動的炫酷單頁網站,開箱即用,只需修改資料檔案即可擁有自己的個人主頁。

react-bits-portfolio 是什麼?

這是一個基於 React Bits 動畫元件庫的個人作品集與履歷模板。React Bits 是一個開源的動畫元件庫,提供超過 130 個即用型動畫元件,涵蓋文字效果、懸停互動、載入動畫、背景特效等。此模板將這些元件整合成一個炫酷的單頁網站,開發者只需修改 `data` 資料夾中的 JSON 或 YAML 檔案,即可快速建立個人化的作品集頁面,無需從頭編寫樣式或動畫邏輯。專案支援 Claude Code、Cursor 等 AI 代理平台,並內建 `.claude/skills/react-bits` 技能包,方便開發者透過 AI 代理快速生成或重複使用 React Bits 元件。此模板特別適合前端開發者、設計師或求職者,用於展示個人作品或履歷,並能顯著提升開發效率與頁面視覺效果。

相容平台✓Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add lyxsdw123123/react-bits-portfolio

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

react-bits-portfolio 是做什麼的?

基於 React Bits (https://reactbits.dev) 動畫元件庫的個人作品集 / 履歷模板。130+ 動畫元件驅動的炫酷單頁網站,開箱即用,只需修改資料檔案即可擁有自己的個人主頁。.claude/skills/react-bits 是已經封裝好的技能包,便於 React Bits 元件的重複使用。

相關技能