image-optimization
图像优化技能，涵盖图片格式选择、响应式图片、懒加载与图片性能优化，帮助在网页中按场景选用 WebP、AVIF、SVG、PNG、JPEG 并减少加载开销。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-05 00:16
设计与创作
22,047 个结果
infinite-canvas
无限画布界面设计模式参考，涵盖白板交互、缩放平移、导航、性能优化、网格吸附与多人协作等 UX 要点，适合设计白板或空间类工具时查阅。
internationalization-patterns
国际化设计模式指南，介绍面向全球受众的 UX 设计要点，涵盖文本方向、货币与数字格式、日期时间格式、文化差异以及设计系统层面的适配建议。
loading-states
loading-states 是一套关于加载状态与感知性能的设计指南，涵盖骨架屏、进度指示器和乐观更新，并按等待时长给出何时显示加载反馈的三条规则及应避免的反模式。
micro-animation-design
微交互动效设计技能，涵盖反馈、状态切换、加载与提示四类动效，给出按压、开关、手风琴、模态框、骨架屏等具体时长、缓动与实现要点，强调只动画 transform 与 opacity 以保持 60fps，并遵循 prefers-reduced-motion。
multi-platform-design
跨 Web、移动端、平板与桌面应用进行设计，并在各平台之间保持一致性。资料介绍了共享与平台专属内容、各平台约定、设计系统分层策略与规则。
notification-system-design
介绍通知系统、通知中心与多渠道通知架构的设计方法，涵盖渠道选择、通知中心结构与默认设置规则等要点。
progressive-web-app-design
PWA 设计模式技能，涵盖离线支持、安装体验与类应用行为，帮助设计渐进式 Web 应用的安装提示、离线缓存与独立显示等体验。
sidebar-panel
Sidebar & Panel Patterns 是一套侧边栏与面板设计规范，涵盖导航侧栏、工具面板、详情面板、可折叠侧栏与分栏布局，给出宽度、折叠、移动端覆盖层等具体规则。
skeleton-loading
骨架屏设计技能，介绍加载状态模式、渐进式加载与感知性能优化，涵盖骨架屏原则、文本/卡片/表格等常见模式及应避免的反模式。
snackbar-toast
Snackbar 与 Toast 通知的设计规范，涵盖位置、自动消失时长、视觉样式与使用规则，适用于桌面与移动端的轻量反馈提示。
sparkline-design
sparkline-design 是一套关于迷你趋势图（sparkline）与小倍数图（small multiples）的设计规范，介绍其尺寸、配色、标注与使用位置，用于在 KPI 卡片、表格单元格、正文和仪表盘头部嵌入极简数据可视化。
stepper-wizard-patterns
多步骤流程与向导设计模式，涵盖步骤指示器、进度展示与分步校验，适用于注册、结账、申请等长表单场景。
timeline-design
时间线 UI 设计模式参考，适用于活动流、历史记录和按时间排列的展示。涵盖垂直、水平、交错、紧凑等时间线类型及相关设计规则。
user-retention-patterns
面向用户留存的设计模式资料：梳理习惯回路（触发→行动→可变奖励→投入）、连胜、通知、个性化、社交钩子、进度体系等留存手段，以及流失预警、定向唤回、退出问卷与回召设计。
forge-contrast
forge-contrast 是一个用于检查设计令牌系统中 WCAG 对比度的工具，可测试每个文字令牌与每个表面令牌的组合，并报告实际对比度与所需对比度。
forge-dark
forge-dark 用于为现有设计系统生成暗色模式变体，通过重新映射设计令牌而非简单反色，在保持亮色主题对比度的同时输出暗色令牌覆盖。
forge-density
forge-density 是 forge 技能集中的密度分析工具，用于审计页面视觉密度与留白平衡，检查间距系统是否在各区块间形成合适节奏，并标记过密、过疏或密度突变问题。
forge-design
FORGE 设计系统引擎：根据一个品牌色和项目类型生成并强制统一的设计系统，所有命令读取项目根目录的 .forge.json 作为唯一事实来源，可导出多种格式并审计代码是否符合设计规范。
forge-export-figma
将设计系统导出为 Figma Tokens Studio 格式的命令，便于通过 Tokens Studio 插件导入 Figma。
forge-harmonize
根据品牌色计算和谐的辅助或类似强调色，支持互补、分裂互补、类似与三角配色，并按项目类型推荐方案，同时生成次级调色板写入 .forge.json。
forge-init
forge-init 是 FORGE 工具链的初始化命令，根据品牌色和项目类型生成完整设计系统，输出 .forge.json 配置文件，供后续 FORGE 命令读取。
forge-pair
forge-pair 是一款根据项目类型提供字体搭配建议的 AI 技能，可给出展示字体、正文字体与代码字体的组合，并明确排除一批常见禁用字体。
forge-palette
forge-palette 是 forge 工具链中的一个技能，可根据 .forge.json 中当前品牌色重新生成 50-950 共 11 档色阶，仅更新调色板部分，不影响系统其他配置。