m-delight
m-delight 是一个用于为界面添加微交互的技能,来源为 dragoon0x/meridian。它主张每次只添加 1 到 3 个令人印象深刻的微交互,并强调要克制使用以获得最大效果。可选形式包括:表单提交后的成功庆祝、能展现个性的悬停效果、有趣的加载状态、带个性的错误文案,以及结合上下文的滚动显现。每页最多 3 个,并且必须兼容 prefers-reduced-motion。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-06 00:14
22,115 个结果
m-delight 是一个用于为界面添加微交互的技能,来源为 dragoon0x/meridian。它主张每次只添加 1 到 3 个令人印象深刻的微交互,并强调要克制使用以获得最大效果。可选形式包括:表单提交后的成功庆祝、能展现个性的悬停效果、有趣的加载状态、带个性的错误文案,以及结合上下文的滚动显现。每页最多 3 个,并且必须兼容 prefers-reduced-motion。
m-density 是一个用于审计页面视觉密度与留白平衡的技能,属于 dragoon0x/meridian 技能集。它按区块测量内容与留白的比例、每个视口高度内的元素数量,以及区块内边距相对于内容的比例,并据此标记三类问题:整体过于密集(需要增加呼吸空间)、整体过于稀疏(需要收紧)、密度突变(需要平滑过渡)。该技能适合在界面设计评审或前端页面走查时,快速定位布局节奏与留白分布问题。资料未提供安装命令、收费方式、平台限制或具体使用步骤。
m-distill 是一个用于精简视觉元素的设计类技能,核心思路是“剥离到本质形态,移除每一个不能证明自身价值的元素”。它针对界面中的边框、阴影、渐变、图标和装饰等视觉元素逐一提问:移除它是否会损害清晰度或品牌表达?如果答案是否定的,就移除;如果无法判断,也先移除,再看是否有人会注意到缺失。其目标是用最少的元素传达同样的信息。该技能适合在界面设计、视觉审查和设计系统维护中作为简化决策的检查清单使用。
m-drift 是 Meridian 技能集中的漂移检测工具,用于对比当前代码与 .meridian.json 基线,发现自上次 /m-scan 以来发生的变化。它会识别配置文件中未记录的新颜色、偏离已检测网格的间距值、字体变更,以及各维度评分的变化,并区分回归(评分下降)与改进(评分上升)。
m-export-css 是 meridian 技能集中的一项 CSS 导出技能,用于将设计配置档案(design profile)导出为 CSS 自定义属性(CSS custom properties),并附带深色模式覆盖规则。导出的内容以 :root 块的形式组织,按品牌色板、中性色板、语义化令牌、排版、间距、阴影、圆角、动效和层级(Z-Index)等类别输出全部设计令牌,同时生成 @media (prefers-color-scheme: dark) 媒体查询以适配深色模式。该技能适合需要把统一设计令牌落地为可直接引用的 CSS 变量的场景,便于在设计系统与前端实现之间保持一致。关于其具体价格、平台支持、安装方式及更详细使用步骤,资料暂未提供。
m-harmonize 是一个用于配色协调的工具,可根据品牌主色计算并生成互补色或类似色等强调色。它基于品牌色相进行色轮运算:互补色为 180° 旋转,分裂互补色为 ±150°,类似色为 ±30°,三角配色为 ±120°。工具会根据项目上下文推荐最合适的方案,并生成辅助调色板。该工具来自 dragoon0x/meridian,适合需要在品牌色基础上扩展配色体系的设计与前端场景。
m-hierarchy 是一个用于审计视觉层级的技能,属于 dragoon0x/meridian 技能集。它通过统计页面中使用的不同标题层级数量、字体字重差异、最大与最小字号的比例,以及是否存在副标题、说明文字、上标文字和基于颜色的层级(主文本、次要文本、弱化文本)来评估信息架构质量。该技能以评分形式反映信息架构的优劣,适合在设计或前端评审中检查排版层级是否清晰。
m-nesting 是一个用于审计界面嵌套深度的技能,属于 dragoon0x/meridian 技能集。它扫描页面中视觉容器的嵌套层级,统计带边框或背景的容器层数,标记超过 4 层的结构,并专门检测“卡片套卡片”的情况,最后给出扁平化建议。该技能关注的是视觉包含关系而非代码结构,适合在界面评审或设计走查时快速定位过度嵌套问题。资料未提供具体安装命令、收费方式、支持平台或实际效果说明。
m-normalize 是一个用于代码库设计值规范化的技能,属于 dragoon0x/meridian 项目。它的作用是将代码库中的每一个设计值对齐到 profile 中最近的系统 token,包括颜色、字号、间距、阴影和圆角五类。该技能采用激进的全量替换策略,会生成完整 diff,并在执行前要求确认。
m-palette 是一个调色板生成工具,可将单个十六进制颜色扩展为完整的 50-950 色阶调色板,共 11 个在感知上均匀分布的色阶,采用 HSL 插值方式生成。它会将输入的十六进制颜色映射到 500 色阶,在此基础上生成更浅的色阶(50-400),做法是提高亮度、降低饱和度;以及生成更深的色阶(600-950),做法是降低亮度并让色相向蓝色偏移。其中 50 色阶为带有色相色调的接近白色,950 色阶为带有色相色调的接近黑色。除主色板外,该工具还会生成一套带色调的中性色板,即在灰度中融入品牌色相,饱和度设为 6%。最终输出 CSS 自定义属性,并给出与白色、黑色的对比度数值。该工具适合需要从单一品牌色快速构建完整色阶体系的设计与前端场景。
m-quieter 是一个用于柔化激进视觉设计的技能,通过降低饱和度、减少对比、增加留白等方式让界面更柔和。
m-score 是 Meridian 技能集中的一项 DNA 评分技能,用于运行完整的 8 轴 DNA 分析。它会调用全部 8 个轴分析器,输出一份雷达图式的评分档案,涵盖排版(Typography)、色彩(Color)、布局(Layout)、动效(Motion)、无障碍(Accessibility)、设计令牌(Tokens)、层级(Hierarchy)与个性(Personality)八个维度。结果以总分加各轴分数、条形图、哈希值和权重说明的形式呈现。
m-shadows 是一个用于生成品牌色调阴影层级系统的技能。它从品牌色相出发,生成从 sm 到 2xl 共 5 个层级的阴影,全部使用 hsla(brandHue, 18%, 18%, opacity) 而非通用灰色,使阴影与品牌色保持一致。
m-type-fix 是一个用于自动修复排版问题的技能,属于 dragoon0x/meridian 技能集。它针对字体与排版层面的常见缺陷进行批量修正:将不被允许的字体替换为符合上下文的替代字体;把字号对齐到最接近的数学比例阶梯;为缺失行高的文本补充行高(正文 1.6,标题 1.15);为大写文本添加字距(+0.08em);并确保至少使用 2 种字重。该技能适合在网页或界面设计流程中快速统一排版规范,减少手工逐项调整。
m-type-pair 是一个字体搭配推荐技能,用于为设计项目提供「展示字体 + 正文字体 + 等宽字体」的组合建议。它按对比原则给出搭配方案,例如编辑风格、技术风格、奢华风格、活泼风格和粗野主义风格,并始终附带 Google Fonts 导入链接。该技能明确排除一批常见字体,不会推荐 Inter、Roboto、Arial、Helvetica、Open Sans、Lato、Montserrat、Poppins、Nunito、Space Grotesk、Raleway、Source Sans Pro 等。
m-type-scale 是一个用于生成数学化字体比例(type scale)的技能,通过指定基础字号和比例系数,计算出一套 8 级的字号阶梯。输出内容包含每一级的像素值、对应的 rem 换算值,以及可直接使用的 CSS 自定义属性(CSS custom properties),并附带每一级的行高与字间距建议。该技能内置了常见的比例系数选项,如小二度 1.067、大二度 1.125、小三度 1.200、大三度 1.250、纯四度 1.333、增四度 1.414、纯五度 1.500,方便在排版设计中快速建立统一、可复用的字号体系。
跨职能对齐技能,用于让工程、设计、研究、市场与销售团队就“做什么、为什么、何时做”达成一致。涵盖对齐层级、RACI 决策清晰度、激励冲突识别与沟通节奏,并提供斜杠命令用法。
cta-patterns 是一套用于设计行动号召(CTA)的约束规则,聚焦按钮文案、放置逻辑、非操纵式紧迫感与渐进式承诺,帮助提升点击率。适用于落地页、产品内引导等需要设计 CTA 的场景。
一个产品指标框架技能,用于设计并维护能判断产品是否健康的指标体系,涵盖指标选择、层级结构、埋点要求、复查节奏与常见反模式。
一套用于设计应用内提醒、邮件触发、推送文案与频率上限的通知设计规范,强调按打扰程度匹配紧急级别、让用户细粒度控制偏好、避免跨渠道重复发送,并提供文案、时机与反模式约束。
onboarding-flow 是一套用于设计产品首次使用体验的技能,目标是快速制造“啊哈时刻”,通过排列动作顺序、渐进式披露和场景化引导来缩短用户获得价值的时间。
用于设计产品功能打包与套餐分层的技能:先划分客户群,再将功能归类到不同层级,并设计升级触发点,避免功能挟持、臃肿企业版等常见反模式。
Settings Architecture 是一套面向产品设置页面的设计规范技能,用于组织偏好与控件,让用户快速找到所需选项而不迷失。它规定了信息分组顺序、默认值、搜索、危险操作确认及常见反模式。
User Psychology 是一套应用在对话中的产品决策技能,用动机、阻力与信任模式指导 UI 与文案选择,并结合认知偏差与行为触发点。适用于需要按行为约束评估产品流程、减少摩擦和建立信任的场景。