tanstack-router
TanStack Router 的 React 类型安全路由实践技能，涵盖基于文件的路由、数据加载、搜索参数校验与导航。适用于构建 React 单页应用时参考其规则与模式。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,918 个结果
angular-developer
面向 Angular 开发的技能，用于生成 Angular 代码并提供架构指导，覆盖项目创建、组件、服务、响应式状态、表单、依赖注入、路由、样式动画与测试等主题，并强调先确认项目 Angular 版本、遵循官方风格指南、用 Angular CLI 脚手架，生成后运行 ng build 验证。
next-cache-components
Next.js 16+ 的 Cache Components 与部分预渲染（PPR）技能说明，涵盖 use cache 指令、cacheLife、cacheTag、updateTag 等缓存配置与失效方式，并包含运行时数据约束、缓存键生成及从 unstable_cache 迁移的要点。
vercel-react-best-practices
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。
vibe-to-ui
vibe-to-ui 是面向 vibe coding 开发者的本地设计助手技能，可先识别页面类型与密度，再从参考中推导三种视觉与空间方向，并沉淀为设计系统、动效系统、情绪板、视觉资产和可复用的设计上下文档案。
html-ppt-zhangzara-blue-professional
蓝色专业风HTML演示模板技能：奶油纸感底色配电光钴蓝点缀，现代简洁专业。用于B2B SaaS路演、咨询交付、投研更新与投资者报告等场景，以单个自包含HTML幻灯片输出，含统一排版、配色与装饰系统。
html-ppt-zhangzara-soft-editorial
Soft Editorial 是一套自带 HTML 模板的幻灯片样式，采用暖纸底色搭配 Cormorant Garamond 衬线字体与鼠尾草绿、腮红、柠檬色点缀，适合编辑特稿、品牌长文、画廊与咨询交付等文学感强的场景。
syncfusion-javascript-inputs
Syncfusion EJ2 JavaScript 输入类 UI 组件的中文参考指南，涵盖 ColorPicker、MaskedTextBox、OTP Input、Range Slider 等组件的安装、属性、方法、事件与常见用法，基于 @syncfusion/ej2-inputs 包。
syncfusion-vue-ai-assistview
Syncfusion Vue AI AssistView 是用于在 Vue 应用中构建对话式 AI 界面的组件，支持提示输入、对话历史、建议芯片、Markdown 渲染、模板定制、语音、附件与流式响应。
syncfusion-vue-inline-ai-assist
Syncfusion Vue Inline AI Assist 是用于在 Vue 应用中集成 AI 文本处理的组件技能，支持提示词、流式响应、命令弹窗与响应操作。
syncfusion-vue-kanban
用于在 Vue 3 中实现基于列的看板任务界面，支持拖放、泳道、WIP 限制和虚拟滚动，可绑定本地或远程数据。
syncfusion-vue-markdown-converter
Syncfusion Vue Markdown Converter 是用于在 Vue 应用中将 Markdown 文本转换为干净语义化 HTML 的轻量工具，常配合 Syncfusion Rich Text Editor（Markdown 模式）实现实时预览。
syncfusion-vue-pivot-table
Syncfusion Vue PivotView 透视表技能，用于在 Vue 中实现交互式数据透视与 OLAP 分析，覆盖数据绑定、聚合、筛选、排序、计算字段、钻取、导出及主题配置。
mistica-react
用于基于 Telefonica 的 Mistica 设计系统编写 React UI 的技能，指导使用 @telefonica/mistica 组件库构建网页与 Web 应用界面，涵盖设计令牌、皮肤与常见 UI 模式。
prototype-html
prototype-html 是一个用于生成交互式 HTML 产品原型的技能，可根据产品需求输出可直接运行的单文件 HTML 原型，包含左右分栏布局、SVG 连线标注与响应式适配，适用于产品界面演示与功能展示。
design-ship
Design Ship 是一个一次性流水线技能，用于把 claude.ai/design 的交接链接（或本地交接文件）转换为可评审的 GitHub PR。它通过一条命令串联导入、测试生成、浏览器验证和 PR 创建：先用 design-import 搭建组件并写入来源信息，再用 cover 生成 Storybook 故事与 Playwright E2E，随后用 expect 做差异感知的浏览器验证并截图，最后用 create-pr 打开带标签 claude-design 的 PR，并回写来源文件中的 PR 编号与 URL。它不自动合并 PR，也不支持多 bundle 批量处理。
agent-friendly-design
本技能介绍如何设计网站与应用，使其能被 AI 智能体（AI agents）读取、导航和交互。核心观点是：为智能体设计与为无障碍设计本质相同，因为智能体主要依赖无障碍树（accessibility tree）和语义结构来理解页面。技能提供了一份 10 项检查清单，涵盖语义化 HTML、ARIA 使用、机器可读状态、结构化数据（JSON-LD + Schema.org）、llms.txt、可爬取与渲染、可预测交互、API 优先模式、面向智能体的内容以及用智能体测试。适用于任何将被智能体使用的网站、应用或产品，按项目类型分层采用不同条目。
theme-design
Figma 转 Odoo 网站主题的设计工作流与页面模板参考，涵盖色彩排版提取、Chrome/Figma MCP 自动化、页头页脚与商店博客模板选择，以及通过 SCSS 变量生成主题配置。
add-ui
用于创建或重设计 React 与 Tailwind 的区块、页面、流程、外壳和组件。当用户需要新增界面或改版时使用。核心是直接实现所请求的界面；仅在用户要求对比方案时生成多个方向。
intlayer-react
Intlayer React 是将 Intlayer 国际化与 React 组件集成的技能，采用组件级内容声明：在组件旁用 *.content.ts 文件定义字典，再通过 useIntlayer 钩子读取翻译。适用于搭建 React i18n、创建已翻译组件等场景。
frontend-design
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
city-tourism-website-builder
用于为任意城市生成现代动画旅游网站的技能：先检索城市历史、景点与实用信息，再产出含时间线、景点卡片、数据统计、OpenStreetMap 交互地图与 PNG 下载的响应式单页，并可上传 IPFS 永久托管。
remotion-best-practices
Remotion 最佳实践技能，用于在使用 React 编写视频代码时获取领域知识与规范，涵盖动画、合成、时序、媒体嵌入、字幕、3D、字体排版、视频信息读取、参数化与渲染优化等规则文件。
panda-css-theming
Panda CSS 主题与组件样式架构设计技能，用于搭建主题、添加品牌色、接入暗色模式与多主题，并决定样式何时从调用点升级为 recipe。