当设计或重写一个高转化的 SaaS 定价页(结构、方案设计、文案写作、SEO/AEO、FAQ、布局模式、实验)时使用。含检查清单、模板和常见坑。
لغة النص الأصلي: الصينية
القائمة
Skills في هذا المستودع
جمع SkillsMP عدد ٩٥ من skills من shushuitie2017/design-agent-skills. افتح أي skill لمراجعة مصدره وتفاصيله.
shushuitie2017/design-agent-skillsعرض ١٥ من أصل ٩٥ skills مجمعة.
当设计或重写一个高转化的 SaaS 定价页(结构、方案设计、文案写作、SEO/AEO、FAQ、布局模式、实验)时使用。含检查清单、模板和常见坑。
لغة النص الأصلي: الصينية
用多层 backdrop-filter 遮罩创建一个分层的 CSS 渐进模糊(顶部或底部),营造纵深与柔和感。当被要求"progressive blur"、"gradient blur overlay"或从视口某一边缘淡出的阶梯式模糊遮罩时使用。
لغة النص الأصلي: الصينية
创建拟物化的 Web UI 面板:分层渐变、叠加的内外阴影、反光渐变边框、微纹理,以及浮雕文字或图标细节。当被要求按下、雕刻、有质感、真实、软塑料、软金属或高级实体界面样式时使用。
لغة النص الأصلي: الصينية
使用 Iconify Solar Duotone Bold 图标风格。
لغة النص الأصلي: الصينية
创建一套技术分屏设计系统:双面板、细框线、等宽元数据、安静的编辑风排版,以及高级内嵌面板。
لغة النص الأصلي: الصينية
创建含蓄的编辑级逐词文本显现动画——每个词在进入视口后依次淡入并上浮到位。当高端作品集标题、主视觉文案、章节引言以及需要电影感错峰显现的短营销文本要用 IntersectionObserver 或 in-view 检测时使用。
لغة النص الأصلي: الصينية
当用 Tailwind CSS 设计/实现 UI(布局、排版、响应式、主题、组件模式)时使用。包含用于干净、一致 web 设计的快速食谱与约定。
لغة النص الأصلي: الصينية
创建一套现代暗色模式技术设计系统:哑光黑面板、翡翠绿信号强调色、等宽系统标注、带边框的仪表盘卡片,以及克制的辉光。
لغة النص الأصلي: الصينية
创建一套单色技术线框设计系统:爆炸式 3D 结构、连接线标注、稀疏的信息标签,以及精确的暗色诊断框架。
لغة النص الأصلي: الصينية
当用 Three.js 在 web 上构建或调试交互式 3D 场景(scene/camera/renderer、光照/材质、GLTF 加载、控制器、性能)时使用。对交付 3D UI 时刻的设计师很有帮助。
لغة النص الأصلي: الصينية
当在 web 上嵌入并定制 Unicorn Studio 交互式动画时使用(嵌入、响应式尺寸、性能、与 UI 分层、降级方案)。
لغة النص الأصلي: الصينية
当用 Vanta.js 添加动画 WebGL 背景特效时使用(初始化、参数、resize、性能、在 React/Next.js 中集成)。
لغة النص الأصلي: الصينية
创建一个真实的 3D WebGL 对象,具备几何网格深度、基于物理的材质、方向光与环境光、透视相机、微妙旋转与漂浮运动。当页面需要一个多面 3D 主视觉对象或类产品视觉、且要真实光照而非 CSS transform 技巧时使用。
لغة النص الأصلي: الصينية
当创建或打磨重度使用 WebGL 的落地页、且需要在保证转化清晰度、性能与实现复杂度之间取得平衡的同时,把视觉引导向某个特定结果(高端、技术、俏皮、电影感)时使用。
لغة النص الأصلي: الصينية
创建一个固定的全屏 WebGL 激光背景特效:一根极细的白热垂直核心、克制的品牌色光晕,以及环绕光束的柔和烟雾。仅用于激光背景特效,不用于整页布局、文案、通用主视觉场景、粒子或无关的动效系统。
لغة النص الأصلي: الصينية