lecture-deck
lecture-deck 是一个用于从故事板构建高质量动画 HTML 讲座或工作坊幻灯片的技能。它按主题生成 Python 屏幕模块，渲染为 PNG 检查，并在交付前做语域检查。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
前端与建站
11,379 个结果
dev-vuejs
该技能用于构建、审查、迁移和调试 Vue 3.5.x 应用代码，要求使用严格的 TypeScript，重点关注单文件组件（SFC）、组合式函数、响应式、侦听器以及 SSR 与注水（hydration）。它以 Vue 3.5.x 稳定版为默认基线，新代码只生成现代写法（script setup、Composition API），并依据参考文档对既有旧式写法做增量迁移。任务范围限于 Vue 核心，涉及 Nuxt 或 Tailwind 时交由对应技能处理。
app-router
用于 Next.js App Router 的编码技能，当用户要求创建路由、添加页面、设置布局、实现加载状态或错误边界时触发。依据资料介绍 app/ 目录下的文件约定、动态路由、布局、加载与错误 UI、路由组、元数据等模式，并提供参考文件与示例。
artifacts-builder
用于构建复杂多组件 claude.ai HTML artifact 的前端工具套件，基于 React、Tailwind CSS 与 shadcn/ui，提供初始化、开发、打包为单一 HTML 的脚本流程。
auth-patterns
面向 Next.js 应用的认证模式技能，覆盖 NextAuth.js（Auth.js）、中间件路由保护、会话管理与基于角色的访问控制，提供服务端与客户端读取会话、登录登出组件、JWT 与数据库会话等常见写法示例。
discord-automation
通过 Rube MCP（Composio）自动化 Discord 操作，覆盖消息、频道、角色、Webhook 与表情回应，使用前需先搜索工具获取最新 schema。
server-actions
用于 Next.js Server Actions 的技能，覆盖服务端异步函数、表单处理、数据变更、useFormState、useFormStatus、缓存重新验证、重定向、乐观更新与安全校验等用法。
slack-automation
通过 Rube MCP（Composio）自动化 Slack 工作区操作，包括发送消息、搜索会话、频道与用户管理、表情回应、线程回复和定时发送。需先连接 Rube MCP 并完成 Slack OAuth 授权。
theme-factory
Theme Factory 是一套为讲义、文档、报告、HTML 落地页等制品统一配色的主题工具包，内置 10 个预设字体与配色主题，并可基于描述生成自定义主题。
html-tools
用于构建无需后端的单文件浏览器应用与客户端小工具的 Claude 技能，基于 Simon Willison 构建 150+ 此类工具的模式，涵盖单文件 HTML/CSS/JS、状态持久化、剪贴板与文件读写、CORS API 调用及 Pyodide、WebAssembly 等浏览器端能力。
tracking-beliefs
一个用于把“指标读数”与“真实状态”区分开的技能，借助贝叶斯思路过滤噪声并更新信念，帮助判断指标波动是否真实，适合收入、流量、转化等间接观测场景。
frontend
一个双模式前端技能：编写模式用于按可访问性、响应式布局、加载/错误状态、性能与 DESIGN.md 规范构建界面；评审模式用于对已建成 UI 打分并扫描 AI 套路化设计。
img2html
img2html 是一个用于将 UI 界面截图还原为静态 HTML 页面的技能。它接收一张应用或网站界面的图片（路径、附件或 URL），先输出一张从后到前的分层构建计划并等待用户确认，随后一次性构建完整页面，最终交付含 index.html 与 assets/ 的文件夹。页面使用真实文本、真实输入控件与简单悬停状态，构建过程按步骤自检并记录在 steps.md 中。技术栈为纯 HTML + CSS（必要时加 JS），无构建步骤、无框架。
video2html-backup
video2html-backup 是一个用于把界面视频（屏幕录制、动态原型、AI 生成视频）还原为可交互 HTML 页面的技能备份版本。其思路是：内容取自参考图片，运动取自视频。页面在静止时应与参考图一致，并通过代码复现视频中的呼吸、点亮、旋转、连线等动态，同时把光标、点击等交互接到同一套动画函数上。流程分六步：准备目录、用脚本分析视频运动并编写 vida.md、搭建静态页面、实现动画与交互、录制对比验证、撰写 README 交付。内置视频运动区域分析、多模态模型描述、截屏比对、运动比对、图层分离和路径提取等脚本，需 uv、ffmpeg、Chrome 及 OPENROUTER_API_KEY 等环境。
component-naming
一份 React 组件命名规范指南，用于在组件创建、评审或重构时统一命名。规则要求组件用 PascalCase，采用「领域+角色」命名，相关子组件用点号复合模式，避免 -Container/-Wrapper 等后缀与布局样式描述，文件名用小写短横线与组件名对应。
vercel-react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化技能，包含 8 大类共 70 条按影响优先级排序的规则，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
skillshare-ui-website-style
一份面向 skillshare 项目的技能说明，用于在 React 仪表盘（ui/）与 Docusaurus 官网（website/）两套前端中统一执行设计系统，涵盖设计令牌、组件用法、页面结构、无障碍与反模式等规范。
ryux-frontend
ryux-frontend 是 RYUX 设计智能（design-intelligence）技能库中负责前端实现规范的技能，归属于工程技术组，对应 RX-2.0 交付质量门槛中的代码质量领域。该技能用于在编写或修改前端代码时，把设计决策落实到实际交付的代码上。其核心要求是：先识别仓库自身的技术栈（读取 package.json、路由、样式方案及邻近组件），并严格沿用该技术栈，不预设项目使用 React 或 Tailwind；优先使用语义化 HTML 与原生控件；按职责拆分组件；让状态靠近其使用位置；用派生值替代重复状态；使用设计令牌而非魔法数字；不加发明出来的业务逻辑，价格、限制、权限须来自数据或标注为假设；仅在确有必要时引入依赖；注意性能，媒体资源应设置尺寸并懒加载。该技能不涉及视觉决策（见 ryux-ui）与组件复用决策（见 ryux-design-system）。
frontend-design
frontend-design 是一套面向 UI 密集型前端改动的设计实施工作流，关注布局、信息层级、可用性、排版、间距、配色、无障碍与响应式表现。
impressive-web-design
面向故事优先的营销或展示型网站的网页设计技能：先产出故事优先的主提示词，再叠加 CI/品牌主题层，合并后交给 Claude Design 生成高保真视觉参考，再据此构建真实站点并用浏览器验证还原度。
saleor-dashboard-styles
Saleor Dashboard 的样式指南技能，说明如何基于 macaw-ui 设计系统为 React 组件添加样式，涵盖 Box 内联属性与 CSS Modules 两种策略及设计令牌用法。
saleor-storefront
Saleor Storefront 是面向 Saleor 电商平台的前端店面开发指南，来自 saleor/saleor-docs 的规则文档集。它围绕 Saleor 的 GraphQL API 总结数据模型、权限系统、结账生命周期、频道架构以及商品与变体模式，用于指导在 Saleor 上构建店面。该指南与框架无关，适用于 Next.js、Remix、Nuxt 或自定义技术栈。内容按优先级分为 API（关键）、商品（高）、结账（高）、频道（中）四类，涵盖可空字段与价格结构、令牌类型与两级查询模式、频道范围查询与变体属性、会话生命周期与支付问题排查、可购买性与库存可用模式（含 3.23+ 的 useLegacyShippingZoneStockAvailability）等主题，并提供正确与错误代码示例及反模式说明。资料未提供具体安装命令、收费信息或详细使用步骤。
storefront-builder
storefront-builder 是 Saleor 官方文档提供的技能，用于指导 AI 智能体在现有项目中构建 Saleor 店面。它覆盖 GraphQL 查询设计、channel（渠道）处理，以及商品列表页（PLP）、商品详情页（PDP）、导航、价格、库存、媒体等各数据面的数据契约与数据层行为，并提供分步执行流程：项目引导、设计美学、目录页与详情页。注意：它不负责框架脚手架、CSS 环境搭建或环境变量加载的具体实现，这些需从本地项目中发现。适用：已在开发 Saleor 店面的开发者。限制：需自备 Saleor 实例（可在 cloud.saleor.io 创建）；按步骤执行，不自动串联；缺失细节须明确以项目本地约定为准。
sales-beaver-builder
Beaver Builder 是一款由 FastLine Media 开发的 WordPress 拖拽式页面构建器，以稳定、开发者友好和干净语义化 HTML 著称。它在前端以「行（Rows）→ 列（Columns）→ 模块（Modules）」的结构进行实时编辑，独立于 Gutenberg 区块体系，不会输出 wp-block-* 标记。内置模块包括标题、图片、按钮、画廊、滑块、订阅表单、HTML 等。付费版本提供完整模块集、模板与已保存行/模块系统，并包含 Beaver Themer（动态页眉/页脚/归档/单篇/404 模板与字段连接）和 Loop Builder（动态文章列表）。开发者可通过 FLBuilderModule 扩展与 FLBuilder::register_module() 注册自定义模块，并使用 fl_builder_* 钩子与过滤器；布局数据保存在 post_content 与 _fl_builder_data 元数据中，可通过 WordPress REST API 或 WP-CLI 读写。插件自动化依赖 WordPress 生态，不提供托管 REST API 或出站 webhook，无原生 A/B 测试。免费版 Beaver Builder Lite 模块有限且不含 Themer/模板。