corner-diagonals
Corner Diagonals 是一套 CSS 样式方案，为按钮、卡片、面板和容器外壳添加斜切角与倒角边缘，适用于需要精确几何框架或科幻风格界面的设计场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-05 00:16
设计与创作
22,047 个结果
dark-blue-contrasting-clean
一套深蓝高对比设计系统技能，用于构建近黑海军蓝底色、钴蓝渐变重点区块、清晰边框结构与克制高级辉光的界面，适合追求沉稳、建筑感与高级感的深色蓝色主导页面。
design-action-combat
用于网页游戏的可读战术动作战斗设计技能，覆盖攻击时序、格挡与闪避窗口、命中接触、架势、锁定等，强调以显式状态机和权威判定事件来设计、实现、调优与测试战斗。
design-first-ui-prompting
面向 UI 生成的设计优先提示词技能，帮助把模糊想法整理成结构清晰、可快速浏览的规格说明，从而产出风格一致的界面。涵盖提示词结构、约束、变体、字体与间距规则等。
dither-laser-dark-mode
一套深色高级设计系统技能，以近黑表面、细微有序抖动纹理和细窄的强调色激光氛围为核心，适用于需要高级、技术感、氛围化深色界面的场景。
framed-tech-dark-border-gradient
一个深色技术风设计系统技能，用边框渐变外壳、非对称网格面板、等宽标签和克制的单色氛围，构建带有清晰框架结构的高级界面。
funky-purple-container-tech
一套以深色容器为核心的技术型设计系统技能，用紫红/洋红点缀、分层圆角外壳、清晰边框线与俏皮未来感焦点元素，营造高级又有趣的界面风格。
generate-reference-inspired-brand-worlds
根据指定视觉参考生成多个原创品牌广告世界，在控制相似度的同时改变身份、含义、主体与标志性构图，属于图像生成工作流上的艺术指导层。
glass-dark-mode-clock
一个面向界面设计的技能，用于构建深色玻璃设计系统：磨砂外壳、柔光束网格、类似时钟的圆形校准表盘，以及精确的科幻仪器式边框，让整页呈现高级深色仪表盘的视觉风格。
high-contrast-skeuomorphic-clean
一套高对比度、干净拟物化的设计系统 Skill，用深色模压面板、清晰明暗分层、内凹触感深度与克制的信号色点缀来构建界面。
image-first-grid-layout
以大幅全出血摄影或影像为舞台的网格设计系统技能，配合结构参考线、锚定内容块与克制的技术感叠层，让画面由影像主导，内容以精确叠层而非堆叠式营销区块呈现。
light-mode-paper-technical
一套浅色技术风设计系统技能：以暖色纸张质感表面、深色外框、细密斜纹、精确括号几何和克制强调色，构建明亮、精致且有产品科技感而非冷白仪表盘的界面。
mesh-gradient-dark-blue-clean
一个深蓝网格渐变视觉设计技能，用于打造未来感、高端、干净的基础设施风格页面：近黑海军蓝底、英雄容器内程序化网格渐变、克制导航、浮动脉冲节点与缓慢技术动效。
nested-container-clean-agency
一个用于构建“干净代理机构风格”设计系统的技能：以嵌套容器组织页面外壳、内嵌深色特色区块、圆角高级卡片与克制强调色，适合需要强容器层级而非扁平分区的界面。
number-details
为流程步骤、功能分组、卡片或编辑版式添加 01、02、03 等装饰性数字标记的技能，帮助建立次要视觉层次。
optimize-web-animations
用于前端页面性能分析与动画优化的技能，重点排查离屏动画、内存泄漏与长会话变慢问题，覆盖 CSS 动画、canvas/WebGL 与 RAF 循环。
pricing-page
面向高转化 SaaS 定价页设计的技能，覆盖页面结构、套餐设计、文案、SEO/AEO、FAQ、布局模式与实验建议，帮助访客降低不确定性并做出选择。
product-proof-saas
用于创建或重设计 SaaS 与 AI 产品落地页的技能，核心是把真实工作流、界面或确定性演示作为产品证明。适用于以界面本身为证据的页面设计与文案组织。
reveal-hover-effect
Reveal Hover Effect 是一种前端交互技能：通过跟随光标的柔边径向遮罩，在两张对齐图片间做聚光灯式揭示，适用于悬停上色、前后对比、X 光透视等效果，默认使用 CSS mask 而非逐帧画布。
scroll-world-storytelling
将文章、案例、品牌叙事或长篇故事转化为电影感滚动驱动落地页的技能，提供视频擦除、Three.js 世界、HTML/数据/排版三种渲染模式，强调先写故事契约与节拍表，再按单一模式构建，并保留原生可逆滚动与无障碍降级。
shaders-cursor-ripples
为现有图片添加跟随光标的 WebGPU 流体扭曲效果，基于 Shaders 库的 ImageTexture 与 CursorRipples 组件，适用于首屏主图等场景，并保留可访问的静态图片作为降级方案。
split-layout-technical
该技能用于创建技术感分屏设计系统：双面板、细框线、等宽元数据、克制的编辑式排版与高级内嵌表面，适合产品页、作品集、编辑技术类布局。
tech-green-dark-mode-modern
一套现代深色技术风设计系统技能，以哑光黑表面、祖母绿信号色、等宽系统标签、带框仪表盘卡片和克制辉光为特征，适用于仪表盘、数据模块与运营界面。
technical-wireframe-info-layout
一套单色技术线框设计系统技能：以爆炸式3D结构、连接线标注、稀疏信息标签和深色诊断式框架组织界面，适合系统仪表盘与产品拆解视图。