web3-design-patterns
面向去中心化应用的 Web3 设计模式指南,涵盖钱包连接流程、交易体验、Gas 费用沟通、多链界面与安全交互等设计要点,帮助设计者构建清晰可信的 DApp 用户体验。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-05 00:16
22,050 个结果
面向去中心化应用的 Web3 设计模式指南,涵盖钱包连接流程、交易体验、Gas 费用沟通、多链界面与安全交互等设计要点,帮助设计者构建清晰可信的 DApp 用户体验。
Whitespace Mastery 是一套关于留白设计技巧的指南,讲解如何把负空间当作设计元素,并给出区块间距、组件内间距与呼吸感营造的策略。
Amplifier 的设计哲学文档:以 Linux 内核为隐喻,阐述机制与策略分离、模块架构、事件驱动设计与内核原则,用于需求不清时做出一致决策。
面向 Claude Code 的 Resend 设计技能集合,用于在生成产物时套用 Resend 的品牌规范与视觉识别,并按需路由到品牌指南等设计子技能。
该技能用于审查 UI 代码是否符合 Web Interface Guidelines(Web 界面指南)。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为:先从指定源 URL 获取最新版指南,再读取用户指定的文件(或询问文件/匹配模式),随后对照获取到的全部规则逐条检查,最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。
用于构建高设计品质、风格鲜明的终端用户界面(TUI)与 CLI 工具的技能。涵盖边框、配色、排版、布局、动画、数据展示等设计思路,帮助避免千篇一律的终端外观,打造有识别度的终端体验。
设计模式指南是面向中文开发者的经典设计模式参考手册,覆盖22种设计模式,帮助选择合适模式、改善代码架构并解决对象创建、组合与通信问题。基于 Refactoring.Guru 的权威内容整理。
step.parts 的 CAD 标准件检索与下载技能:通过托管 API 查找、评估并下载螺丝、螺栓、螺母、垫圈、轴承、支撑柱、电子元件等低层通用标准 CAD 零件,支持 STEP 文件下载与 sha256 校验。
该技能用于审查 UI 代码是否符合 Web Interface Guidelines(Web 界面指南)。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为:先从指定源 URL 获取最新版指南,再读取用户指定的文件(或询问文件/匹配模式),随后对照获取到的全部规则逐条检查,最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。
Typecraft Guide 是一个用于排版评估、清理与排版组合指导的技能,覆盖网页、iOS、Android、印刷和演示文稿等平台,可审查文案、界面文案、文档、幻灯片和样式指南中的排版质量。
用于对 EO 内部 Web 工具(仪表盘、门户、评审工具)的界面进行设计自评分的技能,按 EO 通用设计规范(#0A0A0A / #00E87A)打分,并通过批量修复与动效处理让界面显得更精致。
Equinor 设计系统色彩阶梯的填充层级选择技能:判断界面元素该用 emphasis、muted 还是 ghost 填充,静态区域用 canvas 或 surface。只给绑定规则,不产出颜色值。
Equinor Design System 的间距阶梯技能,用一条数值序列和五级关系(page、container、cluster、selectable、seat)统一表达间距与密度,并让控件高度由标签字号、行高与内边距推导得出。
将 YouTube 视频转录并整理进笔记库(vault)的技能:当用户粘贴 youtube.com/watch 或 youtu.be 链接时触发,使用 yt-dlp 获取元数据与字幕,生成逐字稿笔记和要点摘要笔记。
一套用于设计“深模块”的共享词汇与原则:以小接口承载大量行为,放在清晰的接缝处,并通过该接口进行测试。适用于设计或改进模块接口、寻找深化机会、决定接缝位置等场景。
用于构建、维护和审计设计系统的技能,覆盖设计令牌、组件库、样式指南与跨项目一致性。资料给出令牌分类、JSON 格式、组件文档模板、审计清单及 Tailwind 集成方式。
impeccable 是一个面向设计工作的 AI 技能,用于设计、重做、评审、审计、打磨、简化、加固、优化、适配、动效、配色、排版与提取设计系统等任务,强调产出完整、有观点且工艺精良的设计成果。
EvoLink 上的图生视频技能,使用 Seedance 2 将静态图片转为短视频,适合产品图、广告图、海报或角色图的动效生成,可与 GPT Image 2 图像资产衔接。
基于 EvoLink 上 GPT Image 2 的电商产品图生成技能,可产出产品主图、生活场景图、广告图、SaaS 推广视觉与发布素材,也可作为 Seedance 2 视频首帧。需 EvoLink API 或 MCP,并提供产品名称、品类、受众、风格与平台等信息。
product-to-ad 是一个基于 EvoLink 的技能,可将产品图片、产品描述或落地页文案,借助 GPT Image 2 与 Seedance 2 转换为广告图片和短视频广告素材。
面向 React 应用的 UI 设计系统技能,围绕 TailwindCSS、Radix UI 与 shadcn/ui 三层架构,提供界面设计、审查与改进,涵盖可访问性、设计令牌、响应式与暗色模式。
一个用于生成 Claude 风格社论插画的视觉配方技能:以单一隐喻、粗头马克笔的平涂实心造型、暖象牙白与墨黑三色构成温暖克制的编辑插画,非 Anthropic 官方风格指南。
把主题、文章或标题编译成“前进色×后退色”实验海报提示词,采用清晰前景层与模糊后景层的双层空间结构,风格介于实验杂志封面、青年文化海报、地下传单、Y2K 与 Acid Graphics 酸性设计之间。
把包豪斯视觉语言按媒介模块编译成一条确定性图像提示词,适用于包豪斯风格文章封面、正文配图、活动海报及室内照片风格重绘;只输出一条成品提示词,不做设计史问答或普通介绍。