·crypto-frontend-design
!

crypto-frontend-design

btc-vision/opnet-frontend-skills

适用于加密、web3、DeFi、空投、仪表板和代币项目前端的 CSS-first 指令。生成样式表、布局、动画、主题和响应式 HTML。在登陆页面、仪表板、空投声明、质押 UI、DEX 前端、桥接 UI、NFT 库、代币发布或任何加密 Web 界面上触发。还会触发矩阵风格、赛博朋克、霓虹灯、黑客终端或黑暗金融科技仪表板美学。多主题 CSS、移动/平板电脑/桌面支持、零表情符号。对于 OPNet 前端,请与 opnet 开发技能(拥有 TypeScript、React 逻辑、钱包、提供商)一起使用。这项技能拥有视觉效果; opnet-开发拥有逻辑。在生成代码之前始终收集用户上下文(图像、主题、品牌颜色、受众)。

10安装·0热度·@btc-vision

安装

$npx skills add https://github.com/btc-vision/opnet-frontend-skills --skill crypto-frontend-design

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

相关 Skills

暂无