stripe-style 是一个动态图形设计技能，用于制作具有金融科技品牌质感的产品动效片段。它把一套真实线上样式表转写为可执行的设计简报，让生成结果接近“顶级金融科技品牌首页上的产品瞬间”：轻快、精确、快速、有高级感，而非模板、幻灯片或仪表盘。
用途与适用场景：为短视频、LinkedIn 视频、横屏宣传片等制作产品状态变化的动效片段。规范预设 1080×1920、1080×1350、1920×1080 三种画幅，默认每个瞬间 6 秒。内置 16 个可直接使用的“瞬间”（以“事物→变化”格式描述），包括结账→已支付、卡片→已添加、0→£12,480、发票→已发送、月度→年度、打款→银行、失败→重试、链接→分享、套餐→已升级、购物车→下单、退款→完成、欺诈→拦截、税费→添加、注册→激活、货币→换算、仪表盘→实时。也可自行定义瞬间。
主要能力（设计系统）：
- 字体：全局单一字体，轻字重，正文 300、标题 400、强调 500；标题字距 -0.01em，主视觉尺寸 -0.02em；推荐 system-ui 或 Inter（原始字体为付费），代码用等宽字体。
- 颜色：背景白色，表面色 #F8FAFD，主文字深海军蓝 #061B31，次要文字 #425466；唯一强调色紫色 #635BFF，按下态 #533AFD；绿色 #00D924 仅用于对勾；一套高饱和渐变（#FFD601、#FF6118、#EE30FB、#FB76FA、#7232F1）仅作为柔和虚化形状出现在开场或结尾，不占满画面。
- 形状与阴影：卡片圆角 6px，小元素 4px，圆形 50%；使用一层柔和抬升阴影 0 27px 40px -27px rgba(50,50,93,.25), 0 16px 32px -16px rgba(0,0,0,.1)。
- 动效：统一缓动 cubic-bezier(.25, 1, .5, 1)，动作快速进入后稳定；多数移动 0.3s，小淡入 0.15s，最大动作 0.5s；每个结束状态停留 1.2 秒；同一时间只聚焦一个对象。
使用方式：第一步，从表格或自定列表中选择“事物→变化”瞬间，并确定画幅与时长。第二步，将模板简报粘贴到 Claude Motion（claude.ai），或在 Claude Code 中要求“构建为单个 HTML 文件并提供 window.seek(seconds)”，并填写格式、时长、瞬间与文案。模板要求每个瞬间有一个占画面 60%-70% 的主对象，完成一次令人满意的变化，然后变形或滑动进入下一个瞬间，禁止淡出到空画面。第三步，导出为 MP4 并放入视频的分段或整拍位置（资料提到可参考 explainer-video 的版式）。
限制与禁止项：只克隆风格，绝不复制品牌；不得绘制 Stripe 标志、字标或真实产品截图，所有元素需为该风格下的原创设计；禁止灰色占位条、图库图标、emoji、深色背景和胶片颗粒；所有文字和数字须严格按用户所写显示；所有文字距边缘至少 90px，标签不小于 34px。资料还建议在完成前对每个瞬间的结束状态渲染静帧，以设计总监视角、再以 200px 宽度审视并修正任何通用、过小或空洞之处。
资料未提供该技能的具体安装命令、依赖环境、收费方式或平台支持细节，这些内容暂未提供。