SuperAPI AI 工具集

crypto-frontend-design

前端与建站

查看项目

更新于 10-15 20:09

技能介绍

用途:这是一个 CSS 优先的设计指令技能,为加密与 Web3 前端产出视觉层,包括样式表、布局系统、动画、主题、响应式行为,以及承载它们的语义化 HTML 结构。JavaScript/TypeScript 逻辑层(钱包连接、合约调用、状态管理、API 集成)不在本技能范围内。

主要能力:负责 CSS 自定义属性、主题系统、响应式断点、动画与关键帧、布局网格、排版、配色、组件视觉样式、背景、交互状态、CSS reset 及含 ARIA 属性的 HTML 结构。默认使用 Poppins 字体,采用 CSS 自定义属性做主题,移动优先的 min-width 媒体查询,并用 Intersection Observer 触发分区入场动画。

使用方式:生成任何样式或标记前需先向用户收集上下文,包括页面类型、品牌素材、主题风格、目标受众、是否多主题、框架约束、既有品牌色与字体。落地页需按分区架构组织(Hero、数据条、功能卡、流程、代币经济、CTA、页脚),相邻分区背景交替以形成视觉节奏。

适用场景:加密、Web3、DeFi、空投、仪表盘、代币项目前端;OPNet 项目(Bitcoin L1 智能合约 dApp、OP20 代币站、OP721 NFT 画廊、DEX 界面、质押平台、空投领取页等)需与 opnet-development 技能配合,本技能只管视觉,逻辑由后者负责。

限制:不处理业务逻辑,不直接导入 @btc-vision/* 包;具体收费、价格、平台支持等信息暂未提供。