framed-tech-dark-border-gradient
一套深色技术风设计系统技能，用边框渐变外壳、非对称网格面板、等宽字体工具标签和克制的单色氛围，构建有工程感、边界清晰的界面。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-11 00:16
设计与创作
22,752 个结果
funky-purple-container-tech
一套以深色容器为核心的科技感设计系统技能，使用紫红/品红点缀、分层圆角外壳、清晰边框线与趣味未来感焦点元素，适合打造高级且略带前卫风格的界面。
generate-reference-inspired-brand-worlds
一个用于图像生成的艺术指导技能：根据用户提供的视觉参考，生成多个原创品牌活动世界，并通过“相似度旋钮”控制新作品与参考的接近程度，同时避免复制受保护元素。
glass-dark-mode-clock
一个用于构建深色玻璃拟态设计系统的技能，以磨砂外壳、柔和光束网格、圆形时钟式校准表盘和精密科幻仪器边框为核心，适合打造高级深色仪表盘风格界面。
gsap-scrolltrigger-storytelling
该技能用于使用 GSAP ScrollTrigger 构建电影感的粘性产品叙事页面，通过滚动同步动画、渐进式界面揭示、平滑插值和沉浸式段落过渡，让页面像滚动驱动的产品故事。
high-contrast-skeuomorphic-clean
该技能用于创建高对比度、干净拟物化的设计系统：深色成型表面、清晰明暗分离、触感内嵌深度与克制的信号强调色，适合工业感、精密、高级的界面方向。
image-first-grid-layout
一个以图像为主导的网格设计系统技能，通过全出血摄影、结构参考线、锚定内容块与克制的技术叠加层，构建沉浸式、电影感的页面布局。
landing-page
用于设计或改写高转化落地页（单一 offer 页面）的技能，覆盖结构、布局模式、转化策略、文案模板、SEO/AEO 与常见误区，适用于 SaaS、应用与服务。
light-mode-paper-technical
一套浅色技术风设计系统技能：以暖色纸张质感表面、深色外框、细微斜纹、精确括号几何与克制强调色构建界面，适合需要明亮、精致、带触感的技术型产品界面。
marquee-loop
marquee-loop 是一个用于实现无缝无限跑马灯循环的技能，通过复制项目序列让首尾衔接，适合展示 logo、评价、截图、标签或短功能标签等重复性内容。
mesh-gradient-dark-blue-clean
一套深蓝网格渐变视觉系统，用于打造未来感、高级、干净的基础设施风格页面。它把程序化网格光场放进主视觉容器内，配合克制导航、浮动节点、细导轨与缓慢动态，避免通用玻璃拟态和亮蓝色滥用。
nested-container-clean-agency
来自 mengto/skills 的设计系统技能，用于搭建由嵌套容器组成的简洁精品代理机构风格界面：外editorial外壳、内嵌深色功能块、圆角高级卡片与克制的强调色。
no-ai-design-slop
用于减少和移除通用化 AI 设计默认、视觉选择不一致与常见 UI 缺陷的设计质量关卡，可在制作、修改或评审网页时使用，强调依据产品上下文判断，而非猜测是否由 AI 生成。
number-details
为流程步骤、功能分组、卡片或编辑排版添加 01、02、03 等装饰性数字标记的技能，强调数字作为次要视觉结构而非主要内容。
operational-enterprise-ai
面向企业级 AI、自动化、安全与运维产品页的创建与改版技能，强调说明系统边界、审批、可审计性、异常与回滚，用可验证证据建立可信度，并给出视觉系统、页面结构、交互状态与校验清单。
optimize-web-animations
用于分析和优化前端页面性能，重点处理动画、内存泄漏风险与长时间会话变慢问题。通过浏览器实测识别离屏仍运行的 CSS 动画和 Canvas/WebGL 循环，只暂停不可见动效，并加固清理逻辑。
pricing-page
用于设计或改写高转化率 SaaS 定价页的技能，覆盖页面结构、套餐设计、文案、SEO/AEO、FAQ、布局模式与实验。核心目标是降低访客的不确定感，帮助其做出并认可选择，而非单纯展示价格。
product-proof-saas
用于创建或重设计 SaaS 与 AI 产品落地页的技能，要求以真实工作流、界面或确定性演示作为核心证明，先展示产品机制再谈功效，涵盖文案结构、视觉系统、工作流状态、定价 FAQ 与动效规范。
reveal-hover-effect
一种光标跟随聚光揭示效果：在同一位置叠放两张对齐图片，通过柔和径向遮罩在指针处显露第二张图，可用于悬停上色、前后对比、X 光等场景。提供 HTML 结构、CSS 遮罩、缓动指针追踪脚本及性能与无障碍注意事项。
scroll-world-storytelling
将文章、案例研究、品牌叙事或长篇故事转化为电影感滚动驱动落地页的技能，提供视频擦除、Three.js 世界、HTML/数据/排版三种渲染模式，强调先写故事地图与风格圣经，再按单一模式构建，并保留原生可逆滚动与无障碍降级。
shaders-cursor-ripples
基于 Shaders 库的 ImageTexture 与 CursorRipples 组件，在现有图片上叠加跟随光标的 WebGPU 流体扭曲效果。适用于英雄区等媒体面板，需保留原图作为可访问回退，并在不支持 WebGPU 或减少动态效果时禁用。
solar-duotone-bold
一个用于在界面中统一采用 Iconify Solar Duotone Bold 图标风格的技能，适合需要比普通线性图标更丰富视觉效果的 UI。
split-layout-technical
创建一套技术感分屏设计系统，采用双面板布局、细边框线、等宽字体元数据、安静的编辑式排版，以及具有高级感的内嵌表面。
staggered-word-reveal
一个用于网页标题、引言或引语的逐词淡入上移动画技能：文字进入视口时每个词依次显现，风格克制、编辑感强，仅触发一次，并兼容无 JS 与减少动态效果偏好。