nx
Nx 是面向单仓库（monorepo）的智能、快速、可扩展构建系统，支持 Angular、React、Node 等技术栈。它通过生成器、受影响任务与缓存机制统一管理多项目工作区，提升构建与 CI 效率。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
前端与建站
10,842 个结果
adopting-generated-api-types
将 PostHog 前端手写 API 客户端调用与手写类型迁移到由 OpenAPI 管线生成的 TypeScript 函数与类型的技能，覆盖 api.<实体>.<方法>()、api.get<T>() 和 ApiRequest 三种旧模式。
tailwind-patterns
面向常见网站组件的生产级 Tailwind CSS 模式集，涵盖响应式布局、卡片、导航、表单、按钮与排版，兼容 v3.x 和 v4.x，强调语义色板、移动优先与统一间距规范。
gsap
GSAP 是 FrameVideo 的默认动画适配器参考，用于场景编排、复杂时间线、文字卡片动效与音频同步动画，并说明何时该改用 css-animations、lottie、three、typegpu 或 waapi。
experience-cms-content-render
该技能用于在 React 或 Angular uiBundle 应用中渲染、嵌入或展示已存在的 Salesforce CMS 内容：安装 CMS 工具包，注册带类型的引用，按内容类型生成渲染层，并完成放置或详情页接入，不重新实现传输逻辑。
angular-signals-http
面向 Angular 16+ 的技能条目，聚焦 Signals 与 HttpClient 的配合，涵盖 toSignal、toObservable 用于以信号方式处理 HTTP 请求与状态，适用于需要在组件中以信号消费接口数据的场景。
angular-zoneless
Angular Zoneless 是针对 Angular 19+ 无区域（Zoneless）变更检测模式的技能，用于指导在 Angular 应用中启用无 zone.js 的变更检测。其核心 API 为 provideZonelessChangeDetection，配合 signal()、computed()、afterNextRender、afterRender、untracked 等能力实现响应式与渲染后逻辑。该模式自 Angular 17 起为实验性功能，在 Angular 19+ 稳定。技能提供启用无区域检测、用信号实现响应式、在无 zone.js 环境下处理异步与浏览器事件、手动使用 ChangeDetectorRef、从 polyfills 中移除 zone.js、以及在无区域模式下进行测试等实践代码示例。
frontend-design-pro
Frontend Design Pro 是一个用于设计、构建、审查和打磨生产级前端与移动界面的智能体技能，强调产品专属视觉方向、可搜索的 UX 与设计系统指导，兼顾可访问性、响应式与真实可用性。
syncfusion-react-datepicker
Syncfusion React DatePicker 组件使用指南，涵盖日期选择、格式化、校验、全球化与无障碍支持，提供安装、API、事件和常见用法示例。
make-interfaces-feel-better
一套让界面更显精致的 UI 设计工程原则，用于构建组件、审查前端代码、实现动画与悬停等交互细节，涵盖圆角、阴影、动效、性能与可点击区域等要点。
angular-ssr
面向 Angular 应用的 SSR 技能，覆盖服务端渲染、水合、预渲染与 Angular Universal 迁移，适用于 Angular 21（2025）。提供增量水合、混合渲染、provideClientHydration、@defer、ngSkipHydration 等实践与命令。
syncfusion-react-daterangepicker
Syncfusion React DateRangePicker 是用于在 React 应用中选择日期范围的组件，支持预设范围、日期校验、多种日期格式、键盘导航与移动端全屏模式，适用于预订系统、报表筛选等场景。
bootstrap-v5-v6-migration
将项目从 Bootstrap 5 迁移到 Bootstrap 6 的官方迁移技能，按步骤更新依赖与构建、重命名 CSS 类、重构组件 HTML、改写 JavaScript 与 Sass，并逐项校验。
tailwindcss
Tailwind CSS v4 的实用优先样式指南，介绍响应式设计、深色模式与自定义配置用法。
halo-theme-dev
用于创建或修改 Halo CMS 主题的开发技能，覆盖 Thymeleaf 模板、theme.yaml 与 settings.yaml、Finder API、静态资源、Vite 集成及主题 UI 等。强调先检查目标主题、按需获取官方文档、不凭记忆猜测接口，并提供最小主题与 Vite 两套起始模板。
static-frontend-hosting
一种基于 S3、CloudFront 与 Lambda@Edge 的前端托管参考模式，用于低成本全球分发静态站点，并通过边缘函数实现透明鉴权。适用于搭建前端托管基础设施。
htmlcsstoimage
HTML/CSS to Image（HCTI）渲染 API 技能，用于把 HTML/CSS 或公开网页渲染为图片。当用户提到“HTML 转图片”“渲染 HTML”“截图”“转换为图片”时适用。需配置 HCTI_USER_ID 与 HCTI_API_KEY，通过 https://hcti.io/v1/image 调用。
animate-skill
为 Next.js/React 提供受 Emil Kowalski 启发的动画模式的技能，含 8 个可直接使用示例：悬停微交互、Toast 通知进出场、字符与词语文本揭示、模态框过渡，强调服务沟通目的而非装饰。
syncfusion-react-datetimepicker
Syncfusion React DateTimePicker 组件使用指南，介绍日期与时间组合输入的安装、配置、事件、样式与无障碍用法，适合在 React 项目中实现日期时间选择。
syncfusion-react-timepicker
该技能介绍如何在 React 应用中使用 Syncfusion 的 TimePicker 时间选择组件，用于时间选择、排班和预约界面，支持时间格式、范围限制、键盘导航、表单集成与移动端全屏模式。
lit-best-practices
Lit Web Components 最佳实践与性能优化指南，面向 AI 辅助的代码生成与审查。涵盖组件结构、渲染、样式、事件、生命周期、无障碍、性能、组合与数据、安全九类规则，并按 CRITICAL 至 LOW 四级优先级标注。
web-weather-creator
基于 SVG 滤镜与 CSS 动画的风格化大气效果技能，可制作云、海浪、闪电、雨、雾、极光、耶稣光、镜头光晕、暮色天空与海沫等视觉效果，强调有节制的高级质感而非写实渲染。
convex-dev-static-hosting
Convex 组件，用于通过 Convex HTTP actions 与文件存储托管静态 React/Vite 应用，支持 SPA 回退、哈希资源缓存与旧部署垃圾回收，无需 Vercel、Netlify 等外部托管。
components-build
components-build 是一个 AI 技能，用于按照 components.build 规范构建现代化、可组合且无障碍的 React UI 组件。该规范由 Hayden Bleasel 与 shadcn 共同编写，包含 16 个规则类别，涵盖核心设计原则、组件组合、无障碍支持、状态管理、TypeScript 类型、多态组件、样式方案、设计令牌、文档、注册表、npm 发布与组件市场分发等内容。技能适用于创建新的 React 组件或组件库、设计组件 API 与 props 接口、实现键盘与 ARIA 等无障碍功能、构建可组合的组件架构、使用 Tailwind CSS 与 CVA 进行样式设计，以及将组件发布到注册表或 npm 等场景。