moli
Moli 是 Lexmount 开源的面向 AI 智能体的无头浏览器内核，默认执行真实 JavaScript、维护真实 DOM 与浏览器 API，但仅在请求需要时才计算布局或渲染像素（--layout）。提供 moli fetch 一次性抓取与 moli serve 的 CDP/WebDriver 端点。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
10,995 个结果
bklit-ui-migrate
bklit-ui-migrate 是一个用于把应用中的图表从 Recharts 迁移到 Bklit UI 的技能。它会先扫描源码，识别直接使用 recharts 的导入或 shadcn/ui 的 components/ui/chart.tsx 包装组件，生成逐文件清单与分类，并按需安装 Bklit 的 shadcn 注册表组件，再逐个文件转换图表、重写导入、清理旧代码并做类型检查与视觉比对。资料中未提供该技能自身的收费、价格或效果说明。
artifacts-builder
用于创建复杂多组件 claude.ai HTML 工件的前端工具套件，基于 React 18、TypeScript、Vite、Parcel、Tailwind CSS 与 shadcn/ui，可将项目打包为单个自包含 HTML 文件。
frontend-design
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
front-a11y
front-a11y 是一个前端无障碍审计与修复技能，针对当前打开或用户指定的 HTML、JSX、TSX、Vue、Svelte、Astro 文件检查 WCAG 2.1 AA 问题，覆盖图片、ARIA、键盘导航、表单与语义化 HTML，可输出分级报告或直接修复。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
website-screenshot-notte
基于 Notte 浏览器自动化的网页截图技能，可通过 API 对任意网站 URL 截图并保存为图片文件，支持整页截图与自定义视口。
duskmoon-dev-core
@duskmoon-dev/core 是面向 Tailwind CSS v4 的纯 CSS 组件库，采用 Material Design 3 扩展颜色系统，可通过 npm、pnpm 或 Bun 安装，供开发者快速搭建界面。
duskmoon-elements
DuskMoon Elements 是一套基于 @duskmoon-dev/el-base 构建的 44 个自定义元素（Web Component）库，元素采用标准 Web Component 与 Shadow DOM，标签形如 <el-dm-*>，适用于在网页或应用中使用 DuskMoon 组件并按需注册。
phoenix-duskmoon-ui
Phoenix Duskmoon UI 是面向 Elixir/Phoenix LiveView 的组件库，提供 80+ HEEX 组件，渲染为 HTML 自定义元素并由 @duskmoon-dev/core 提供样式，版本 9.4.0。
textual
Textual 框架知识技能，用于构建终端 TUI 应用：涵盖 App 与屏幕、组件、布局与 CSS、事件与动作、响应式属性、测试与后台任务等模式与示例。
nextjs-best-practices
Next.js App Router 最佳实践技能，用于编写或审查 Next.js 代码时套用规则，覆盖文件约定、RSC 边界、数据模式、异步 API、元数据、错误处理、路由处理器、图片与字体优化等主题。
gsap-nextjs
面向 Next.js App Router 的 GSAP 动画技能，用于构建或审查页面过渡、组件进出场、滚动效果、可中断动画与清理逻辑，并覆盖挂载到卸载之间的五个动画阶段。
upgrading-react-native
用于将 React Native 应用升级到更新版本的技能，通过 rn-diff-purge 模板差分、依赖更新、原生 iOS/Android 迁移及 Expo SDK 升级步骤，覆盖完整升级工作流与升级后验证。
nextjs-app-router
面向 Next.js 13+ App Router 的专家级技能，讲解 Server Component 与 Client Component 的区别与取舍，帮助避免常见陷阱，适用于开发、排查与代码审查场景。
nextjs-quality
nextjs-quality 是一个面向 Next.js App Router 的质量实践技能，用于加固 next.config、配置 eslint-config-next 扁平配置、启用 React Strict Mode 与类型化路由，并治理 RSC 与 use client 边界、排查水合错误、按测量优化打包体积。
launchpad-webembed
介绍如何用 pega-embed Web Component 将 Pega Launchpad 应用嵌入外部网站或自定义前端，涵盖 CORS 策略配置、OAuth 凭据、createCase/openAssignment/openPage 动作、主题定制、起始字段与嵌入事件处理。
react-native-native-modules
面向 React Native 开发者的原生模块技能，讲解用 Turbo Modules、JSI 与新架构为 iOS 和 Android 构建原生模块，涵盖 Codegen、平台桥接、原生事件与调试，含 Swift 与 Kotlin 示例及常见错误排查清单。
react-state-management
一份关于现代 React 状态管理的技能指南，覆盖 Redux Toolkit、Zustand、Jotai 与 React Query，用于搭建全局状态、管理服务端状态及在方案间做选择。
jaspr-convert-html
用于将现有 HTML（本地文件或 URL）转换为 Jaspr 组件代码的技能，要求始终使用 jaspr convert-html 命令完成转换，不允许手动改写，并原样采用命令输出。
xstate-react
面向 React 与 TypeScript 的 XState v5 技能，指导用状态机、状态图与 Actor 模型管理复杂交互逻辑。涵盖何时选用 XState 或更简单的状态方案，以及 useMachine、useActor、useSelector 等 React 集成用法。
vue-fsd
vue-fsd 是一个面向 Vue 3 应用的 Feature-Sliced Design（FSD）架构技能。它以资深前端架构师的角色，帮助团队用 FSD 的分层架构组织大型 Vue 3 代码库，明确边界、规范导入规则并提升可维护性。技能涵盖适用性评估、分层定义、实体与功能划分、页面组装、共享层搭建以及导入规则配置等核心工作流，并提供分层架构、实体与功能、共享层、页面与组件、公共 API、Vue 集成和迁移指南等参考文档。约束上要求严格遵循 app → pages → widgets → features → entities → shared 的层级顺序、每个切片通过 index.ts 暴露公共 API、使用具名导出、以实体表示名词、以功能表示动作、保持跨切片依赖最小并使用 TypeScript，同时明确禁止从更高层导入、同层横向导入、循环依赖、混淆实体与功能职责以及跳过公共 API 模式，也提示不要对小项目过度设计。适用于新建大型 Vue 3 项目、将既有项目重构为 FSD、划分业务域边界、设置导入规则与层依赖、创建可复用的实体/功能/组件、组织共享工具与 UI 组件，以及规模化前端团队时的归属划分。
web3d-runtime
web3d-runtime 是一个面向 Web 实时 3D 场景开发与排错的技能，聚焦 three.js 与 React Three Fiber 在 WebGPU 及 WebGL2 回退下的运行问题。它以“先排查失败、再讲模式”的方式组织内容，覆盖 r186 版本中 renderer 初始化、TSL 节点材质、compute 计算、性能测量与降级策略等要点，帮助开发者定位那些“场景能渲染但结果错误”的静默 bug，并给出可验证的性能证据与逐步降级方案。
column-visibility
TanStack Table 的列可见性技能，通过 columnVisibilityFeature 隐藏列，同时保留列定义，并渲染可见性感知的表头、列和单元格集合。