nextstep-tours
用于在 Next.js 中基于 NextStep v2（nextstepjs）构建产品引导、上手流程与交互式教程的技能，强调以用户真实操作为推进条件的教学式步骤，而非普通欢迎弹窗。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-26 00:15
前端与建站
11,102 个结果
javascript-react
面向 JavaScript 与 React 开发的专家级技能，强调现代语法、类型安全与性能优化。适用于编写闭包、Proxy、生成器等高级 JavaScript 模式，以及 React 组件、Hooks、状态管理与测试等任务。
explain-change
explain-change 是一个面向团队的技能：针对已解析的 git 范围生成一份自包含 HTML 说明包，写入 docs/explainers/，帮助队友理解改动。通过 /explain-change 运行，仅作共享理解用途，不作为合并、PR 或发布门禁。
remotion
面向 Remotion 视频创作的 React 最佳实践技能，涵盖合成、序列、动画、时间控制与渲染。适用于构建、审查或调试 Remotion 代码时获取领域知识。
react-performance-audit
React 渲染性能审计技能：当用户要求优化 React 性能、修复重复渲染或提升 UI 速度时，检查组件渲染问题，并给出 memoization、虚拟化、代码分割与 Suspense 边界的决策树与审计报告。
preventing-ui-slop
防止 AI 生成界面落入通用装饰化默认套路的技能，适用于设计、构建、编辑、评审网站或应用的 UI 工作，强调让界面服务于用户任务而非展示智能体默认审美。
frontend-desing
一个用于创建具有鲜明视觉风格、可直接投入生产的前端界面的技能，强调先确定设计方向再编码，避免千篇一律的“AI 感”UI，适用于构建或改进网页界面。
react-perf
react-perf 是一套面向 React 与 Next.js 的性能优化模式集合，来源于 kjaylee/misskim-skills。它按优先级整理出可落地的编码规则，适用于编写、审查或优化 React 代码的场景，包括 Web 应用、Remotion 视频以及任何基于 React 的项目。核心内容分为五档：关键级（消除请求瀑布、控制打包体积）、高级（服务端优化）、中级（避免不必要的重渲染）、低级（JavaScript 层面的性能细节），并额外说明 Remotion 视频组件同样适用这些原则。资料以代码对比示例呈现，例如用 Promise.all 并行独立请求、用直接导入替代 barrel 导入、用 next/dynamic 延迟加载重型组件、用 React.cache() 去重、用 ref 替代仅回调使用的 state、用 Map/Set 优化重复查找等。
arrow-js-obsidian-templates
面向 @arrow-js/core（v1.0.6）编写 html`` 模板的规则集，说明响应式与静态写法的区别、属性/属性绑定、事件与列表、异步区块等必要约定，以及会导致渲染期报错的常见陷阱；同时适用于 Obsidian 插件环境。
lieflat-html-deck
Lieflat HTML Deck 是一个用于创建横向 HTML 演示文稿的技能，基于 Lieflat 风格包，适合制作 HTML/PPT 式幻灯片、策略简报、AI 或产品分析等内容。技能内置 12 种风格家族，提供模板起步并强调围绕内容选择单一主风格。
regulatory-deal-card-generator-patrick-munro
依据法律技能资料，将复杂法规转译为交互式 HTML“交易卡”，逐条区分法规强制要求与可协商空间，供谈判、咨询与培训使用；输出为单文件、离线可用、含版本与核实日期提示。
lazyweb-design-create
Lazyweb 深度设计研究技能的内部创建/绿地后端，通过 /lazyweb-design 以 objective=create 进入。它读取当前界面、指出摩擦点、形成 2-4 个差异化改版方案，并生成以视觉为主的 HTML 报告，将推荐原型与对照并排展示。
nuxt-architecture
面向 Nuxt 4 + Vue 3 + Nuxt UI 应用的基础架构技能，强调领域驱动、类型安全与组合式优先，帮助在新建项目、理解项目结构或做架构决策时建立清晰的分层与目录规范。
tanstack-table-core
TanStack Table v9 的无头表格核心：只负责表格实例、状态与行模型，不渲染组件、不选组件库、不管 CSS 与无障碍。适合搭建首张表格架构、稳定 data 与 columns、按当前显示顺序编号行等场景。
monte-carlo-valuation
该技能把单点估值的 DCF 模型改为蒙特卡洛模拟：将两到四个不确定驱动因子替换为概率分布，基于 dcf-valuation-engine 反复运行，输出价值分布、百分位、价格胜率与拒绝计数。含 simulate、sample、scenarios、percentiles 子命令，纯标准库运行，需记录随机种子。
canvas
Canvas 是 Moltbot 的一项技能，用于把 HTML 内容展示到已连接的 Mac、iOS、Android 节点的画布视图中，适合展示游戏、可视化、仪表盘、生成的 HTML 与交互式演示。
discord
通过 Moltbot 的 discord 工具控制 Discord：发送与编辑消息、添加表情回应、上传表情与贴纸、发起投票、管理话题、置顶、搜索及审核等。使用为 Moltbot 配置的机器人令牌，部分操作组默认关闭。
frontend-enhancer
Frontend Enhancer 是一个用于提升 Next.js 网页应用视觉设计与美学效果的技能。它提供可直接用于生产环境的 React 组件、系统化的设计规范、精选配色方案、平滑动画以及响应式布局模板。该技能适用于优化现有应用的视觉外观、创建新 UI 组件、选择配色与主题、添加动画与过渡、构建响应式布局、实现首屏区或特性网格与落地页、改进视觉层级，以及在应用内统一设计模式。其组件库包含按钮、卡片、输入框等，具备多种变体与状态，并内置无障碍支持；同时提供首屏区与特性网格等布局模板、设计原则文档、六套专业配色方案以及完整动画库（均尊重 prefers-reduced-motion）。组件多依赖 cn 工具函数，需安装 clsx 与 tailwind-merge。主要限制或未提供的信息包括：具体价格与收费模式暂未提供，完整安装与构建步骤除组件复制与依赖安装外暂未提供，是否支持 Next.js 以外框架暂未提供。
browser
基于持久化页面状态的浏览器自动化技能，可通过客户端命令完成网页导航、表单填写、截图、数据提取与 Web 应用测试，支持多页管理与 ARIA 快照定位元素。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
fluentui
面向 VS Code Webview 的 FluentUI React v9 组件使用模式技能，涵盖 Toolbar、Overflow、Menu、Button、Dialog 等组件的布局与调试经验，并提供 Storybook LLM 文档查询方式。
motionkit
motionkit 是一个面向 Web UI 动效的 AI 技能，提供统一的“动效标准”规则与 build、review、perf、lookup 等模式：按需求中的动词路由，帮助选择缓动曲线、时长、弹簧参数与可动画属性，写出符合规范的动效代码，审查变更或整个代码库中的动效问题，并定位掉帧卡顿的成因。它仅覆盖 Web 端的 CSS 过渡与关键帧、Web Animations API、Motion（原 Framer Motion）及 Tailwind 相关工具，强调频率门槛、易用性、可中断性、合成层成本与无障碍减弱动效等约束。
moai-library-shadcn
为 React + Tailwind CSS 应用提供 shadcn/ui 组件库专业知识，涵盖组件实现、设计系统与主题定制、无障碍、性能优化等，可在规划组件架构或集成设计令牌时使用。
moai-library-nextra
基于 Nextra 与 Next.js 的企业级文档框架技能，用于构建文档站点、知识库和 API 参考文档。涵盖 Nextra 3.x/4.x 架构、Next.js 14/15 集成、主题定制、FlexSearch 搜索、国际化与 MDX 内容。