make-interfaces-feel-better
一套用于提升界面精致感的设计工程原则，涵盖排版、表面、动画与性能细节，适合在构建或审查前端 UI 代码时参考，帮助修正圆角、阴影、图标对齐、动效与命中区域等常见问题。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
前端与建站
10,841 个结果
cinematic-scroll
用于设计和构建电影感网站、交互式作品集、产品叙事与实时 3D 体验的技能，提供按主题定制的艺术指导与滚动驱动动效。包含免费 MIT 版与 Pro 版说明，强调保留用户文案、可访问性与回退状态。
angular-pipes
Angular Pipes 是 Angular 应用中用于在模板里转换、格式化数据的技能主题，覆盖自定义管道、纯管道、非纯管道、async 管道等用法，并涉及 Angular 21 的相关 API 变化与最佳实践。
webgl-expert
WebGL Expert 是一份面向 WebGL API 开发的专家指南，覆盖 WebGL 1.0 与 WebGL 2.0，用于在浏览器中实现高性能 2D 和 3D 图形渲染。内容涵盖 3D 图形、GLSL 着色器、渲染管线、纹理、缓冲区、性能优化与 canvas 渲染等主题，适用于处理 WebGL、3D 图形、canvas 渲染、着色器、GPU 编程，或用户提及 WebGL、OpenGL ES、GLSL、顶点着色器、片段着色器、纹理映射、3D 网页图形等场景。资料以接口、代码示例和最佳实践的形式组织，包含 WebGLRenderingContext 与 WebGL2RenderingContext 的获取方式、着色器创建与编译、缓冲区管理、纹理处理、渲染循环、矩阵数学、性能优化、扩展系统、上下文管理与常见陷阱等内容，并列出流行库与学习资源。
frontend-design-principles
Frontend Design Principles 是一套用于构建和评审前端界面的设计原则技能，适用于仪表盘、管理后台、落地页、营销站点和 Web 应用等场景。它强调从产品意图出发做设计决策，而非套用通用模板：在生成代码前先回答目标用户、核心任务和期望感受，并产出领域概念、色彩世界、签名元素和需拒绝的默认选项；在展示前通过替换测试、眯眼测试、签名测试和令牌测试自查。技能还给出工艺基础（微妙分层、色彩有出处）与通用反模式（夸张阴影、随意不对称内边距、多个强调色等），并按 app.md 与 marketing.md 分流不同界面类型。
angular-resolvers
Angular 路由解析器（Route Resolvers）技能，用于在路由激活前预取数据。涵盖函数式解析器、路由配置、组件读取解析数据及错误处理等最佳实践，基于 Angular 21（2025）。
frontend-design
一项用于创建具有鲜明设计感、生产级前端界面的技能，帮助避免千篇一律的“AI 感”审美，输出可用代码并兼顾美学细节与创意。
frontend-performance
用于构建或审计网页性能的技能，涵盖 PageSpeed Insights 与 Lighthouse 审计、Core Web Vitals 优化、渲染阻塞资源修复、字体与图片优化、缓存与 CSP 配置等前端性能技术层工作。
web-design-guidelines
来自 vercel/examples 的技能，用于按 Web Interface Guidelines 审查 UI 代码，检查无障碍、可用性等界面规范合规性。适合被要求“review my UI”“check accessibility”“audit design”“review UX”等场景。
webflow-designer-api
该技能用于协助开发者使用 Webflow Designer API，提供两种工作流：一是构建运行在 Webflow Designer 内的 iframe 扩展（Designer Extensions），适合可复用工具、复杂工作流及面向团队或 Marketplace 发布的应用；二是在 Designer 内的 Playground 应用中编写并运行独立代码片段，适合快速原型、测试 API 方法、学习 API 及一次性自动化。技能附带大量参考文档，覆盖 webflow.* 方法、元素、样式、组件、页面、变量、资产、扩展工具、错误处理、代码示例，以及设计规范、应用注册、Marketplace 指南、应用提交与上架、FAQ 等内容，并提供按标签或关键词搜索参考文件的脚本和 Webflow 设计系统 CSS 变量等资源。
frontend-architect
面向现代 React 技术栈、Cloudflare 部署与内部工具开发的前端架构技能，帮助做技术选型、部署策略与设计系统集成决策。
accessibility
面向无障碍（a11y）任务的技能，覆盖 WCAG、ARIA、屏幕阅读器、键盘导航、焦点顺序、对比度、替代文本、字幕、减少动效与点击目标尺寸等，帮助判断残障用户能否平等地感知、理解、导航和操作产品。
iii-state-reactions
iii-state-reactions 是 iii 引擎中的状态反应技能：注册 state 类型触发器，在指定 scope 内键值状态被创建、更新或删除时自动执行函数，类似 Firebase onSnapshot 或 Convex mutations，用于构建响应式副作用。
react-animation
面向 Remotion 视频合成的 ReactBits 动画技能，按视觉风格精选组件，用于提升动态图形与视频的视觉表现。提供安装命令与帧驱动适配模式。
angular-deferrable
面向 Angular 17+ 的 Deferrable Views（@defer）技能，用于组件懒加载与延迟加载。涵盖 on viewport、on interaction、on hover 等触发方式，并配合 @placeholder 占位内容。
angular-resource
用于 Angular 19+ 中 Resource API 与信号式异步数据加载的实践技能，说明如何用 resource 处理异步数据并配合 request 参数响应式取值。
angular-signals
针对 Angular Signals 的中文技能介绍：涵盖 signal、computed、effect、Signal Inputs、toSignal 等响应式 API 的用法与最佳实践，适用于 Angular 16+ 应用的状态与响应式开发。
angular-signals-forms
面向 Angular 19+ 的 Signal Forms 技能，介绍如何用 signal 构建表单控件，并配合同步与异步校验器使用，适用于采用新响应式表单 API 的 Angular 项目。
frontend-ui
面向企业级 SaaS 前端的技能，覆盖 Tailwind v4、shadcn/ui、Next.js App Router 或 Vite SPA，强调无障碍、响应式与组件模式，适用于仪表盘、定价页、数据表格、引导流程和基于角色的界面。
threejs-html
threejs-html 是一个关于把 Three.js 集成到响应式 HTML、Next.js 或其他框架中的技能，处理滚动分区、覆盖层与多视图，强调在既有架构下安全插入 canvas 并保持页面语义、交互与可访问性。
react-call
react-call 是一个 React 库，通过 createCallable() 把组件变成可 await 的调用对象，用于确认框、对话框、表单弹窗、Toast、右键菜单、选择器、多步向导等需要把值返回给调用方的 UI。
nextjs-15
Next.js 15 App Router 开发模式技能，用于处理路由、Server Actions、数据获取等场景，提供文件约定、Server Components、Server Actions、Route Handlers、Middleware 与 Metadata 等模式的参考。
angular-reactive
面向 Angular 响应式编程的技能，覆盖 BehaviorSubject、Observable、RxJS 与响应式状态管理，提供 Angular 21（2025）下的最佳实践与代码模式。
migrate-from-react-router
将 React Router v7 迁移到 TanStack Router 的分步清单，涵盖路由定义、Link/useNavigate、搜索参数、路径参数、loader、代码分割等转换要点与常见错误。