msw-painter
msw-painter 是 MSW 精灵资源工作流中的手绘像素画技能：当 msw-search 找不到合适精灵 RUID 时，用 SVG、HTML5 Canvas 或 HTML 编写像素画，渲染为 PNG 并上传注册为精灵资源。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
前端与建站
11,402 个结果
clawdirect-dev
clawdirect-dev 是一套面向 AI 智能体网站的构建模式，基于 ATXP 认证与 cookie 桥接机制，让智能体既能用浏览器访问页面，也能通过 MCP 直接调用工具完成认证与付费操作。
netlify-forms
Netlify Forms 是 Netlify 托管站点上的无服务器表单处理功能，在部署时解析构建后的 HTML 检测表单，存储提交、过滤垃圾信息并发送通知。适用于静态站点及各类框架表单。
shopify-theme-optimization
Shopify 主题优化技能（Beta），围绕主题速度与用户体验，提供 Core Web Vitals、Liquid 代码、图片加载和移动端响应式方面的专家指导与可执行框架。
safe-action-forms
next-safe-action 的表单集成技能，介绍 useAction、useStateAction、useHookFormAction 等钩子在原生表单与 React Hook Form 中的用法，含校验错误映射与文件上传等场景指引。
safe-action-hooks
next-safe-action 的 React 客户端 Hooks 文档，介绍 useAction、useOptimisticAction、useStateAction、useOptimisticStateAction 四个钩子的选择、用法与返回值，用于在 React 客户端组件中执行 action 并构建乐观 UI。
ui-styling
用于构建美观、可访问界面的 UI 样式技能，结合 shadcn/ui 组件、Tailwind CSS 工具类样式与基于 canvas 的视觉设计系统，适用于 React 系框架的界面开发、主题定制与响应式布局。
artifacts-builder
用于创建复杂、多组件 claude.ai HTML 构件的工具套件，基于 React、Tailwind CSS 和 shadcn/ui 等现代前端技术。
design-taste-frontend
面向落地页、作品集与改版的前端设计技能，强调先读需求再定设计方向，避免AI默认审美。提供设计推断、三个调节旋钮、设计系统映射、技术栈与排版配色规范等指导。
design-taste-frontend-v1
design-taste-frontend-v1 是 nexu-io/open-design 中保留的原始 v1 前端设计品味技能，供依赖其精确行为的项目使用；当前默认版本为 design-taste-frontend（v2 实验版）。它通过一组设计规则约束 AI 生成的前端界面，减少通用化、模板化的视觉输出。
export-download-debugging
用于诊断和修复浏览器、预览或 Electron 中导出/下载失败的问题，尤其是涉及另存为、Blob/Data URL、File System Access API 的图片导出异常，帮助定位空文件、文件缺失或无法打开等故障。
figma-implement-design
将 Figma 设计稿翻译为生产级代码，追求 1:1 视觉还原，适合把 Figma 画板直接交给前端智能体处理。
frontend-design
frontend-design 是一个用于构建或改进前端界面的技能，改编自 Anthropic 官方 frontend-design 技能，适用于网站、落地页、仪表盘、应用界面、HTML/CSS 产物及 React/Vue/Svelte 组件等，强调明确设计方向与可交付的生产级代码。
frontend-dev
frontend-dev 是来自 MiniMax AI 团队的前端开发技能，主打电影级动画、通过 MiniMax API 生成 AI 媒体素材以及生成式艺术，适合制作 hero 页面和展示型网站。
frontend-skill
frontend-skill 是收录于 OpenDesign 的前端技能条目，源自 OpenAI 的 skills 仓库，用于创建视觉表现力强、构图克制的落地页、网站与应用界面，属于设计系统类技能。
frontend-slides
frontend-slides 是一个用于生成动画丰富的 HTML 演示文稿的技能，支持视觉风格预览，适用于在线主题演讲、嵌入式演讲和交互式简报。
gsap-frameworks
源自 GreenSock 官方 GSAP 技能的框架集成指南，面向 Vue、Nuxt、Svelte 等非 React 框架，讲解在 mounted 生命周期创建补间与 ScrollTrigger、用 gsap.context 限定选择器作用域、并在卸载时 revert 清理。
gsap-performance
GSAP 官方性能优化技能，用于让动画保持流畅 60fps、减少卡顿与布局重排。核心建议：优先动画 transform 与 opacity，避免 width、height、top、left 等触发布局的属性；配合 will-change、批量化读写、stagger、gsap.quickTo 及 ScrollTrigger 优化。
gsap-react
面向 React 与 Next.js 的官方 GSAP 动画技能，讲解 useGSAP 钩子、refs、gsap.context() 与清理机制。适合在 React 中设置动画、卸载时清理，或规避 context 与 SSR 问题时使用。
imagegen-frontend-web
该技能面向网站与落地页的前端视觉方向参考生成，强调以“艺术指导级”的图片产出替代通用 AI 插画。其核心是分节出图：每个页面区块生成一张独立的横向图片，绝不把多个区块合并成一张长图或拼贴。若用户未说明区块数量，落地页默认 6 节、完整网站模板默认 8 节，并按“Section X of N: 区块名”逐一标注输出。技能内置一整套视觉方向参数基线，包括设计变化度 8、视觉密度 4、艺术指导 8、可实施清晰度 9、图像使用优先级 9、间距充裕度 8、布局变化度 8、转化纪律 8，用于在不过度拥挤的前提下产出有层次、可读、便于前端实现的设计稿。同时提供组合式变化机制，涵盖主题范式、背景特征、字体气质、首屏结构、区块系统、标志性组件、动效暗示、构图锚点、背景模式、CTA 形态、首屏尺度、叙事主线与“第二眼”细节等维度，要求选定组合并一致执行，而非堆砌。针对首屏特别强调避免默认的左文右图套路，优先考虑居中叠加、左下/右下文字压图、顶部左引导、图像即画布、偏网格编辑式等构图。适用场景包括落地页、营销站、产品页、作品集与整站模板的设计参考出图；限制在于它只产出视觉参考图，不涉及具体代码实现、收费与价格等信息，资料中未提供。
mockup-device-3d
一个用于产品发布、App 演示和设计稿展示的静态设备 3D 展架模板，把真实 HTML 内容嵌入 iPhone 与 MacBook 屏幕，并用 CSS 3D 变换模拟玻璃、高光与折射效果。
pptx-html-fidelity-audit
用于审计 python-pptx 导出结果与源 HTML 幻灯片一致性的工作流，定位页脚溢出、内容裁切、斜体丢失、样式走样等版式偏移，并通过页脚栏约束与光标流排版纪律重新导出。
release-notes-one-pager
release-notes-one-pager 是一个用于生成单页 HTML 发布说明的技能，包含亮点、新增、修复、破坏性变更、已知问题和升级说明等分区，缺失信息时按规则写出明确的占位说明。
threejs
Three.js 技能，用于在浏览器中创建 3D 元素与交互体验，涵盖场景、材质、控制器与后处理。该条目在 OpenDesign 中登记，便于智能体在规划时发现并调用。