webflow-reference-architecture
该技能用于设计 Webflow 集成架构，明确 Data API、Content Delivery、Webhook、身份、队列与发布边界，适合在启动 Webflow 集成项目时规划只读发现、写入路径与审批策略。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,288 个结果
opentrons-heater-shaker
Opentrons Heater-Shaker 模块技能，用于在自动化协议中同时实现 37-95°C 温度控制与 200-3000 rpm 轨道振荡，适用于细胞培养、酶反应、细菌转化与样品制备等需要温控搅拌的流程。
opentrons-temperature-module
Opentrons 温控模块（Temperature Module）技能，用于在自动化实验流程中提供 4-95°C 的精确加热与制冷，适用于试剂保冷、反应组分预热、温敏酶反应孵育等无需混匀的恒温场景，支持 Flex 与 OT-2。
pr-visual-explainer
PR Visual Explainer 是一个为拉取请求（PR）生成自包含可视化 HTML 说明文档的技能。它基于当前 PR 的提交差异、测试与证据，用图表和分节说明前后行为变化，帮助评审者理解改动。生成文件默认保留在本地，不提交、不推送。
astro-best-practices
面向 Astro 站点的质量实践技能，聚焦岛屿架构（island）、按页面类型制定 SEO 策略与 Core Web Vitals 优化。适用于审查 Astro 站点质量、决定组件是否水合、评估岛屿必要性及审计 JS 体积时。
react-component-performance
用于分析和优化 React 组件性能问题的技能，针对渲染缓慢、重复渲染、列表卡顿和昂贵计算等场景，帮助定位渲染热点并做针对性优化，同时不改变 UI 行为。
swiftui-layout-components
面向 iOS 26+、Swift 6.3 的 SwiftUI 布局与组件模式速查，涵盖 VStack/HStack/ZStack、Lazy 堆栈、LazyVGrid/LazyHGrid、List 与 Section、ScrollView、Form 与各类控件、searchable 搜索及 overlay 浮层，并列出常见错误与评审清单，多数模式向后兼容至 iOS 17。
swiftui-liquid-glass
面向 SwiftUI 的 iOS 26+ Liquid Glass 技能，用于采用、审查或改进使用原生玻璃效果 API 的界面功能。
swiftui-webkit
在 SwiftUI 中嵌入和控制网页内容的技能，基于 iOS 26 等新系统的 WebKit for SwiftUI API，涵盖 WebView、WebPage、导航策略、JavaScript 执行、本地内容与自定义 URL Scheme 等用法。
UIKit Horizontal-First Layouting
一套 UIKit 布局设计方法论：先按水平行带切分界面，强制在写任何布局代码前输出 ASCII 预览图，标注每行内容与固定/弹性高度，等用户确认后再自上而下生成约束代码。
prototype-sketching-skill
为 Angular、React、Vue 或静态 Web 应用添加手绘草图外观的纯样式皮肤，仅改动样式入口与 index.html，不影响组件逻辑、路由、状态或测试，且可完全逆移除。
frontend-architect
frontend-architect 是一个专精前端项目架构设计与工程化的角色技能，负责项目搭建、架构设计和代码质量把控，掌握 Vite、Turborepo、Vitest 等现代前端工具链与设计模式最佳实践，适用于前端架构相关任务。
grainy-gradient
grainy-gradient 是一个用于制作柔和高级感渐变背景与封面卡片的前端技能，风格接近 ElevenLabs 博客封面或 macOS 壁纸：多个模糊色块叠加形成基础渐变，再覆盖一层细密颗粒噪点，消除色带并呈现类似纸张或失焦胶片的质感。该技能给出完整的 HTML + CSS + Canvas 构建步骤，无需图片与第三方库，涵盖配色规则、色块位置、颗粒参数、可选线条图案、鼠标悬停动效与无障碍处理，并附带动效参数与交付前检查清单。
frontend-ui-integration
面向 Web 前端的功能开发技能：在现有 React + TypeScript 应用中实现或扩展用户流程，对接已有后端 API，并遵循既定设计系统、路由与测试约定。适用于以后端契约、鉴权和业务规则已存在、仅改动前端的 UI/UX 需求。
rsc-data-optimizer
面向 Next.js App Router 的技能，用于把缓慢的客户端数据获取改为基于 React Server Components 的服务端获取，提升首屏加载速度。提供代码扫描、三步转换流程、类型适配与保留客户端获取的判定规则。
html-specs
html-specs 是一个创建自包含 HTML 幻灯片文档的技能，用于规格说明、实现计划、ADR、头脑风暴和决策文档。生成单文件、零依赖的键盘可导航演示文稿，每个屏幕一个观点。
architecture-diagram
生成深色主题技术架构图的技能，输出单文件HTML内联SVG，无需外部工具或API密钥，适合软件架构、云基础设施与微服务拓扑示意图。
popular-web-designs
popular-web-designs 收录 54 个真实网站设计系统（如 Stripe、Linear、Vercel），以 HTML/CSS 模板形式提供，涵盖配色、字体层级、组件样式、间距、阴影与响应式行为，供生成网页时套用。
threejs-interaction
Three.js 交互技能，聚焦于在 Three.js 场景中处理用户输入与对象交互。内容涵盖射线检测（Raycaster）实现点击拾取、鼠标与触摸坐标转换、多种相机控制器（OrbitControls、FlyControls、FirstPersonControls、PointerLockControls、TrackballControls、MapControls、TransformControls、DragControls）、对象选择与悬停高亮、框选、键盘输入、世界坐标与屏幕坐标互转、射线与平面求交，以及事件处理与性能优化建议。适用于需要在 3D 场景中实现点击检测、相机控制、对象拖拽与选择等交互功能的开发场景。
threejs-loaders
Three.js 资源加载技能，涵盖 GLTF/GLB 模型、纹理、HDR/EXR 环境贴图等资源的加载方式与异步模式。适用于在 Three.js 项目中加载 3D 模型、纹理、HDR 环境，或管理加载进度。提供 LoadingManager 进度跟踪、纹理配置、Draco/KTX2 压缩、多种模型格式（OBJ、FBX、STL、PLY）、Promise 异步加载、缓存与错误处理等示例代码。
threejs-textures
Three.js 纹理技能，涵盖纹理类型、UV 映射、环境贴图与纹理设置。适用于处理图像、UV 坐标、立方体贴图、HDR 环境等场景。内容包括纹理加载（TextureLoader、Promise 封装）、色彩空间与包裹模式配置、过滤与 mipmap、常规/数据/画布/视频/压缩纹理、立方体贴图与 HDR 环境贴图、渲染目标与深度纹理、CubeCamera 动态环境贴图、UV 映射与纹理图集、PBR 材质贴图组合、程序化纹理生成，以及纹理内存管理与性能优化建议。
shadcn-vue
shadcn-vue 是面向 Vue/Nuxt 的可访问 UI 组件方案，基于 Reka UI 与 Tailwind，通过 CLI 初始化项目并添加组件，支持 Auto Form、数据表格、图表、暗色模式与 MCP 服务器配置。
vite
Vite 是新一代前端构建工具，提供基于原生 ESM 与 HMR 的快速开发服务器和优化后的生产构建。本技能基于 Vite 8 beta（Rolldown 打包器、Oxc 转换器），涵盖配置、插件 API、构建与 SSR、环境 API 及 Rolldown 迁移。
vue
Vue 是一种用于构建用户界面的 JavaScript 框架。本技能条目基于 Vue 3.5，提供使用 Composition API 与 `<script setup lang="ts">` 编写 Vue 单文件组件（SFC）的指导，涵盖 script setup 宏、响应式系统、生命周期钩子、内置组件与指令等主题。适用于编写 Vue SFC、使用 defineProps/defineEmits/defineModel 等场景。内容包含偏好约定、核心能力与功能参考以及组件模板和常用导入示例。