3d-web-experience
面向 Web 3D 体验开发的技能，覆盖 Three.js、React Three Fiber、Spline、WebGL 与交互式 3D 场景，包含 3D 产品配置器、模型管线与性能优化等实践。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,959 个结果
creator-plugins-ui
用于使用 @lottiefiles/creator-plugins-ui 构建或修改 LottieFiles Creator Plugin 界面时，涵盖 React 组件、Tailwind CSS 配置、主题化与深色模式等能力，帮助开发者正确安装、引入并使用这套插件 UI 组件库。
repaint
repaint 是一套自包含的前端 UI 构建流程技能，目标是产出看起来经过设计、而非 AI 批量生成的界面，覆盖参考调研、设计令牌、身份来源、交互体验、无障碍与 SEO，以及基于真实浏览器输出的迭代审计。
taste-web-performance
taste-web-performance 是面向智能体生成页面的 Core Web Vitals 性能规范技能，以“速度也是设计的一部分”为核心理念，为页面构建设定并强制执行 LCP、CLS、INP 与页面体积预算。该技能规定了字体加载（最多两款字体、font-display: swap、预留空间避免位移、预加载主视觉字体）、图片处理（显式宽高、AVIF/WebP 格式、srcset/sizes、懒加载与 fetchpriority）、CSS/JS 交付（单文件或按路由关键 CSS、defer 非关键脚本、静态页不引入框架、避免同步第三方脚本、动画只用 transform/opacity）等硬性规则，并要求构建后在移动端 Slow 4G 节流条件下运行 Lighthouse 验证并记录三大指标与页面重量。适用于让智能体产出既美观又符合性能预算的营销页或落地页，文中未提供具体安装方式与收费信息。
react
用于 React 应用工程的技能，强调先诊断再修改。通过只读脚本 scripts/react-doctor.py 检查 React/Vite 项目，保留既有版本、包管理器、构建脚本、样式与路由；设计组件边界、状态流与数据流，实现可访问、健壮的加载/空/错误/成功界面，并分层验证。
react-native-reusables
React Native Reusables 将 shadcn/ui 风格组件带到 React Native，基于 NativeWind v4、RN Primitives 与 CLI 脚手架，适合用 Expo 构建可复制粘贴的 UI 组件。
baoyu-markdown-to-html
将 Markdown 文档转换为带内联 CSS 的整洁 HTML，适合发布到微信公众号等平台。提供 default、grace、simple 三种主题，支持代码高亮、表格、脚注、Mermaid 等格式，并可读取 EXTEND.md 自定义样式。
vercel-react-best-practices
由 Vercel 维护的 React/Next.js 性能与架构最佳实践技能，收录 8 个类别共 57 条规则，按影响程度排序，用于指导自动化重构与代码生成。
tailwind-token-consolidation
用于在 Tailwind v4 的 globals.css 中合并、去重、减少 CSS 自定义属性（设计令牌）的技能，在保持视觉一致的前提下按审计、重命名、验证流程操作。
tech-trend-watch
基于 State of JS、State of CSS 年度调查与 Thoughtworks Technology Radar 的长期技术栈回顾技能，用满意度×使用量矩阵和 ADOPT/TRIAL/ASSESS/HOLD 环评级，评估前端依赖的健康度并给出迁移优先级。
telegram-mini-apps-react
使用 React 与 @tma.js/sdk-react 构建 Telegram Mini Apps 的综合指南，涵盖 SDK 初始化、组件挂载、信号、主题、返回按钮、启动参数、开发环境模拟与深链等要点。
svelte-meta-tags-setup
为 Svelte/SvelteKit 项目首次接入 svelte-meta-tags 的安装与配置技能，涵盖依赖安装、基础与页面级元标签定义、布局接入及校验步骤。
remotion-best-practices
Remotion 最佳实践技能，面向在 React 中制作视频的开发者，提供按主题拆分的规则文件，涵盖动画、音频、字幕、转场、3D、图表等，帮助获取 Remotion 领域知识。
frontend
面向前端工程的技能资料，覆盖 React 理念、性能、可访问性与生产级界面开发，适用于 frontend、react、vue、svelte 等场景。
v0-dev
v0-dev 是一个面向 v0.dev 的 AI 辅助 UI 生成技能，角色定位为 v0.dev UI 架构师，覆盖提示词策略、组件迭代、shadcn/ui 集成与导出工作流，并强调组件化、设计系统与可访问性思维。
ping-orchestration-reactjs-journey-sdk
用于在 ReactJS 单页应用中集成 Ping Identity 认证流程的技能，基于 Ping Orchestration JavaScript SDK（Journey 客户端），可对接 PingOne Advanced Identity Cloud 或 PingAM，生成登录、注册、登出、受保护路由与用户资料等代码。
building-a-rich-text-editor-with-lit
本技能介绍如何使用 Lit 构建一个富文本编辑器 Web Component。内容涵盖项目初始化、Vite 配置、模板插槽的使用、contenteditable 编辑器根节点创建，以及基于 Material Design 图标按钮和下拉选择构建的编辑工具栏，支持粗体、斜体、下划线、对齐、列表、引用、缩进、链接、文字颜色、背景色、块级格式、字体、字号、撤销、重做、剪切/复制/粘贴等格式化操作。代码通过 document.execCommand 执行命令，并附带一份跨平台字体检测函数。适用于希望在 Web Component 中实现基础富文本编辑能力的开发者。
fineui-grid
帮助开发者按目标部署栈与开发模式正确使用 FineUI 的 Grid（表格）组件，覆盖 F.js、Pro（WebForms）、FineUI.Core（MVC / RazorForms / RazorPages）以及 FineUI.Java（Spring Boot + Thymeleaf 方言标签），并给出列定义、数据绑定、选择、编辑、排序、过滤、分组与树表格等特性的写法与命名约定。
fineui-layout
FineUI 布局系统技能，讲解容器 Layout 属性如何排布子控件，涵盖 Fit、Region、HBox/VBox、Block 响应式栅格、Column、Anchor 及视口自适应，并提供 F.js、Pro、Core-MVC、Core-TagHelper、FineUI.Java 多端写法参考。
fineui-theming
FineUI 主题设置与切换技能：配置站点全局内置或自定义主题，支持运行时切换与 Cookie 偏好，覆盖 F.js、Pro、Core 三种模式及 Java，并处理 PageManager 覆盖与 theme.config 生成。
fineui-upgrade
FineUI 项目升级技能，把现有项目升级到更高大版本（仅 v10 及以上），识别破坏性变更、生成迁移清单并逐项应用，适用于 F.js、Pro（WebForms）及 FineUI.Core 的 MVC/RazorForms/RazorPages。
fineui-window
FineUI 窗口与消息框技能，帮助开发者使用 Window（内联内容或 iframe 弹窗）、打开/关闭窗口、iframe 子页回传数据（closeArgument）以及 MessageBox（Alert/Confirm/Notify）。覆盖 F.js、Pro、Core-MVC、Core-RazorForms、Core-RazorPages 与 Java 多种写法。
3d-web-experience
面向网页的 3D 体验构建技能，覆盖 Three.js、React Three Fiber、Spline、WebGL 与交互式 3D 场景，提供 3D 技术栈选型、3D 模型管线与压缩、滚动驱动 3D 等实现模式，并包含常见反模式提醒，适合产品配置器、交互式 3D 页面等场景。
vue3-naiveui-fsd
一个面向资深开发者的 Vue 3 开发技能，结合 Naive UI、Feature-Sliced Design 架构、TypeScript 严格模式与整洁代码规范，提供 FSD 分层规则、API 层、状态管理、表单与页面等参考文档和快速上手模式。