rum
通过 cx logs 命令和 DataPrime 语法查询与分析 Coralogix 真实用户监控（RUM）数据的技能，适用于前端错误、页面加载时间、Web Vitals、网络请求、用户交互等排查场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-28 00:17
前端与建站
11,240 个结果
creativeclaw-render-html
Creative Claw 的 HTML 渲染技能：把固定尺寸的 HTML/CSS 布局渲染成 PNG，或用 HyperFrames 组合生成动态图形视频。仅在用户明确要求 HTML、CSS、HyperFrames 或代码驱动渲染时使用。
css-craft
css-craft 是一个用于诊断、实现或审查 CSS 布局、层叠、响应式样式、主题、原生控件与动效的技能，适合处理聚焦的样式缺陷或 CSS 技术问题。
superpower-zustand
superpower-zustand 是一套用于创建 Zustand 状态管理的强制规范技能，要求统一使用 StoreBuilder 工具，以工厂模式分离状态与动作，内置 immer 中间件进行不可变更新，并支持可选的持久化配置。
vuetify-4
用于构建 Vue 3 应用的 Vuetify 4 组件库技能，涵盖项目结构、布局、表单、导航、数据展示、主题与工具类，适合新建 Vuetify 4 项目或添加界面组件时参考。
create-component
SEED 设计系统的端到端组件实现指南，面向 React Web、Lynx 与跨平台组件开发。覆盖从平台判定、公开表面决策到架构分析、分层实现与验证的完整流程，并含 Storybook 快速路径。
nextjs
该技能提供 Next.js 16.1+ App Router 的专家级知识，涵盖 Server Components、Client Components、Server Actions、Route Handlers、Turbopack、MCP 集成以及现代 React 模式等内容。面向使用 Next.js App Router 构建现代 Web 应用的开发者，技能内置 Next.js 16.1.1 的亮点说明，例如 Turbopack 改进、实验性 Bundle Analyzer（next experimental-analyze）、next dev --inspect 调试、next upgrade 升级命令，以及面向编码智能体的内置 /_next/mcp 端点。同时提供 next-devtools-mcp 的 MCP 服务器配置示例与可用工具清单，帮助 AI 编码代理实时获取构建/运行时/类型错误、日志、页面元数据、项目元数据、Server Actions 信息，并支持知识库查询、迁移工具与 Playwright 集成。
react-native-background-location
面向 React Native/Expo 的后台定位技能，涵盖权限申请、后台任务、Android 前台服务、电量优化与商店合规。适用于需要持续追踪的场景，如司机行程或导航。
react-native-expo-navigation
面向 Expo SDK 57（React Native 0.86）的 Expo Router 导航技能，覆盖 Stack、Tabs、Drawer、类型化路由、深链与鉴权分组，并规定应用代码只从 expo-router 入口导入。
expo-router-nativewind
面向 Expo SDK、Expo Router 与 NativeWind 的移动应用开发技能，提供文件式路由导航、Tailwind 风格样式、推送通知与深链的参考指南，适用于构建生产级 React Native 应用。
frontend-screen
frontend-screen 是一个用于按 Ocralis 项目模式创建或补全 React 页面的技能，结合 Shadcn UI、React Hook Form 与 Zod。适用于前端页面开发、API 对接与表单校验，遵循项目组件、路由与响应式约定。
frontend-service
用于按 company.service.ts 模式生成前端 Axios 服务的技能，封装 CRUD、鉴权头与上传逻辑，适用于补齐员工、机构、手续、OCR、薪资等缺失的 API 服务层。
frontend-test
用于为 React 组件、hooks 和 context 编写测试的技能，基于 Vitest 与 Testing Library，适用于为前端补充测试覆盖。
webrtc_media_devices
用于网页实时摄像头采集的 WebRTC/MediaDevices 技能，强制现拍摄像头画面、禁止从相册上传，适用于自拍与活体检测的采集管线基础。
frontend-design
Frontend Design 是一套面向前端界面视觉设计的指导技能，强调在构建新 UI 或重塑现有界面时做出有辨识度、有意图的设计决策。它把设计者当作小型工作室的设计负责人，要求围绕具体主题做出明确的调色板、字体与布局选择，并承担一个可被论证的审美风险。内容涵盖：以主题本身的世界（材料、器物、行话）作为设计灵感来源；英雄区作为论点开场；字体承载页面个性；结构装置应编码真实信息而非装饰；有节制地使用动效；复杂度与愿景匹配；以及文案作为设计材料来对待。流程上主张先头脑风暴出包含颜色、字体、布局与标志性元素的设计方案，再对照需求自检是否落入通用默认风格，确认独特性后才写代码，并在构建中持续自我批判。
nextjs
Next.js App Router 专家级编码技能，用于构建、调试或架构 Next.js 应用，涵盖路由、Server Components、Server Actions、缓存、异步 API、运行时选择与数据模式等主题。
shadcn
shadcn/ui 专家指南技能，覆盖 CLI 初始化与组件安装、组合模式、自定义注册表、主题定制与 Tailwind CSS 集成，帮助编码智能体正确使用 shadcn/ui 组件与注册表工作流。
ui-ux-pro-max
UI/UX 设计情报库，提供可搜索的 UI 风格、配色、字体搭配、图表类型、UX 指南与技术栈最佳实践，覆盖 8 个技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind），通过 search.py 脚本按领域检索设计建议。
issue-review
issue-review 是一个面向 GitLab/GitHub issue 的自动化多视角评审技能：自动抓取 issue 上下文、探索相关代码库，组织 3 轮专家人设会议（开场陈述、辩论、加权收敛），并将结构化评审评论直接发布到 issue 上，全程无需用户确认。
tanstack-start-best-practices
面向全栈 React 应用的 TanStack Start 最佳实践规则集，覆盖服务器函数、中间件、SSR、认证与部署。按优先级列出各类规则，指导在数据变更、鉴权、错误处理、文件组织与生产部署时正确实现。
inference-agent-ui
在 React 或 Next.js 项目中用 ui.inference.sh 组件注册表与 AI SDK 流协议搭建智能体聊天界面，提供 Agent、Thread、PromptInput、Response、Tool 等 shadcn 组件，支持通用流与 inference 运行时两种集成模式。
build-isometric-arpg
用于在 Three.js、React 等 Web 技术中构建或扩展可玩的等距视角动作 RPG 的技能，覆盖游戏循环架构、相机与移动、区域、战斗、奖励与进度等，强调先做出完整可玩闭环再扩展范围。
3d-web-experience
面向 Web 3D 体验开发的能力技能，覆盖 Three.js、React Three Fiber、Spline、WebGL 与交互式 3D 场景，包含产品配置器、3D 模型集成与性能优化，并给出技术栈选型、模型管线、滚动驱动 3D 的实践方案。
senior-architect
面向软件架构设计的技能包，通过三个 Python 脚本与三份参考文档，辅助设计可扩展、可维护的系统，覆盖架构图生成、项目架构分析与依赖分析，技术栈涉及 React、Next.js、Node.js、Swift、Kotlin 等。