crypto-frontend-design
✓適用於加密、web3、DeFi、空投、儀表板和代幣項目前端的 CSS-first 指令。產生樣式表、版面配置、動畫、主題和響應式 HTML。在登陸頁面、儀表板、空投聲明、質押 UI、DEX 前端、橋接 UI、NFT 庫、代幣發布或任何加密 Web 介面上觸發。也會觸發矩陣風格、賽博龐克、霓虹燈、駭客終端或黑暗金融科技儀表板美學。多主題 CSS、行動/平板電腦/桌面支援、零表情符號。對於 OPNet 前端，請與 opnet 開發技能（擁有 TypeScript、React 邏輯、錢包、提供者）一起使用。這項技能擁有視覺效果； opnet-開發擁有邏輯。在產生程式碼之前始終收集使用者情境（圖像、主題、品牌顏色、受眾）。
SKILL.md
This skill is a CSS-first directive. It produces the visual layer for crypto and web3 frontends: stylesheets, layout systems, animation, theming, responsive behavior, and the semantic HTML structure that carries them. The JavaScript and TypeScript logic layer (wallet connections, contract calls, state management, API integration) lives outside this skill's scope. When the project runs on OPNet, the opnet-developme...
Every output must look like it was designed by a funded startup's design team, not generated by AI. The aesthetic is intentional, the code is production-grade, and the responsive behavior is flawless.
When the frontend is for an OPNet project (any Bitcoin L1 smart contract dApp, OP20 token site, OP721 NFT gallery, DEX interface, staking platform, airdrop claim page, or OPNet ecosystem tool), both skills must be active. The division of responsibility is strict.
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design- 分類
- !安全工具
- 認證
- ✓
- 收錄時間
- 2026-02-11
- 更新時間
- 2026-02-18
快速解答
什麼是 crypto-frontend-design？
適用於加密、web3、DeFi、空投、儀表板和代幣項目前端的 CSS-first 指令。產生樣式表、版面配置、動畫、主題和響應式 HTML。在登陸頁面、儀表板、空投聲明、質押 UI、DEX 前端、橋接 UI、NFT 庫、代幣發布或任何加密 Web 介面上觸發。也會觸發矩陣風格、賽博龐克、霓虹燈、駭客終端或黑暗金融科技儀表板美學。多主題 CSS、行動/平板電腦/桌面支援、零表情符號。對於 OPNet 前端，請與 opnet 開發技能（擁有 TypeScript、React 邏輯、錢包、提供者）一起使用。這項技能擁有視覺效果； opnet-開發擁有邏輯。在產生程式碼之前始終收集使用者情境（圖像、主題、品牌顏色、受眾）。 來源：btc-vision/opnet-frontend-skills。
如何安裝 crypto-frontend-design？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/btc-vision/opnet-frontend-skills
詳情
- 分類
- !安全工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-11