frontend-code-review
面向 Dify 前端代码的审查技能，仅在用户明确要求审查或审计 web/ 或 packages/dify-ui/ 下的前端代码时使用，支持待提交变更、指定文件等审查范围。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
前端与建站
11,402 个结果
image-taste-frontend
面向 Codex 的网站图像优先设计技能：先自行生成设计图并深度分析，再据此实现前端，适用于 hero、落地页、营销站等注重视觉质量的任务。
lifecycle/migrate-from-nextjs
一份从 Next.js App Router 迁移到 TanStack Start 的分步清单技能，涵盖路由、API、Server Actions、中间件与 SEO 的转换映射及常见错误提示。
react-start/server-components
面向 TanStack Start 与 React 19 的 React Server Components 技能，用于实现、审查、调试和重构 RSC。资料覆盖配置检查、缓存归属、刷新路径、组合原语选择、调试入口与示例文件清单，并给出服务端边界与序列化限制。
router-core/code-splitting
TanStack Router 的代码分割（Code Splitting）技能，介绍自动分割（autoCodeSplitting）、.lazy.tsx 手动分割约定及相关 API。说明关键代码留在主包、非关键组件被拆分，并给出 getRouteApi、createLazyRoute、codeSplitGroupings 等用法与常见错误。
router-core/data-loading
TanStack Router 的加载器数据加载技能，讲解 loader 取数与 useLoaderData 消费、loaderDeps 缓存键、staleTime/gcTime 等 SWR 缓存配置、pendingComponent 等待态、延迟加载、变更后失效与错误重试等用法及常见陷阱。
router-core/not-found-and-errors
介绍 TanStack Router 中“未找到（Not Found）”与错误处理的技能文档。内容覆盖两类未找到场景：URL 路径不匹配（自动触发）与资源缺失（通过 notFound() 手动抛出），并说明如何按路由配置 errorComponent 错误边界。文档给出 notFoundComponent、defaultNotFoundComponent、notFoundMode（fuzzy/root）、errorComponent、defaultErrorComponent 的配置示例，演示 notFound({ routeId }) 与 rootRouteId 指定边界路由、在 notFoundComponent 中安全使用 useParams/useSearch/useRouteContext、通过 notFound({ data }) 传递部分数据，以及使用 router.invalidate() 重跑 loader 并重置错误边界。还包含路由遮蔽（route masking）的三种写法与 unmaskOnReload 选项，并列出常见错误：使用已废弃的 NotFoundRoute、在 notFoundComponent 中误用 useLoaderData、叶子路由无法捕获未找到错误、遮蔽 URL 共享后失效、仅用 reset() 而不调用 invalidate()。
ljg-card
ljg-card（铸）是一个把文本转为 PNG 长卡的内容铸造技能，提供四种模具：-l 长图静线叙事（默认）、-f 全文原文排版、-c 漫画分镜、-w 白板纵向论证。通过 HTML/CSS 排版保证文字准确，必要时用生成图承载场景与动作。
ui-ux-pro-max
UI/UX 设计智能技能，内置可搜索的界面风格、配色、字体搭配、图表类型、产品建议、UX 准则与各技术栈最佳实践数据库，覆盖 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter 等栈。
i18n
LobeHub 的国际化（i18n）技能，用于处理面向用户的字符串与 react-i18next 语言键、命名空间、插值、翻译，以及 bun run i18n 命令。默认语言为 en-US，框架为 react-i18next。
react
面向 TSX 组件开发的 React 组件编写指南，涵盖样式方案、组件优先级、状态局部化、布局与渲染性能及 memo 化取舍，附带 LobeHub UI 组件导入约定与相关技能引用。
tailwind-4-docs
Tailwind CSS v4 文档快照与工作流指引技能，用于回答 v4 的用法、配置、迁移、实现、重构与审查问题。文档快照需用户自行初始化并遵守上游许可，未初始化或超过一周未更新时不得直接作答。
frontend-design
frontend-design 是一套以前端设计审美为核心的设计技能，用于生成、重设样式并指导 UI 开发，强调概念主导、可读、令人印象深刻且有生命力的界面。
magic-ui
Magic UI 技能用于在 React/Next.js 项目中添加、定制和排查 Magic UI 组件，涵盖组件选择、shadcn registry 安装、动画区块搭建与常见问题处理。
cmux-settings
用于查看和编辑 cmux 用户配置 ~/.config/cmux/cmux.json（JSONC 格式）的技能，覆盖终端、浏览器、Markdown、diff、笔记、HTML、文件预览和侧边栏工具等设置。通过命令行助手安全读写、校验配置，保存后由文件监听自动生效。
extract-design
从任意网站 URL 提取完整设计语言，生成 8 个输出文件，涵盖颜色、字体、间距、阴影、组件、断点、动画与无障碍信息，含 AI 优化 markdown、HTML 预览、Tailwind 配置、React 主题等，基于 designlang 命令行工具。
mantine-form
Mantine Form 技能，面向 Mantine 9.x，用于使用 @mantine/form 构建表单：通过 useForm 初始化、配置校验规则或 schema 校验（zod、valibot 等）、用 getInputProps 绑定输入并处理提交。
jest-react-testing
面向 React 应用的 Jest 与 React Testing Library 测试技能，覆盖 Jest 配置、查询优先级、用户交互、表单与条件渲染测试、模块与 API 模拟、MSW、Context 与子组件模拟、异步测试等模式。
mapbox-google-maps-migration
面向从 Google Maps Platform 迁移到 Mapbox GL JS 的开发指南，梳理 API 对应关系、写法差异与迁移步骤，并说明常见坑与不宜迁移的情形。
mapbox-web-integration-patterns
Mapbox 官方 Web 集成模式技能，指导在 React、Vue、Svelte、Angular 等框架中集成 Mapbox GL JS，涵盖安装、生命周期管理、令牌处理、搜索组件与常见错误规避。
mapbox-web-performance-patterns
面向 Mapbox GL JS 网页应用的性能优化技能，按用户体验影响优先级组织，涵盖初始化瀑布、打包体积、渲染性能、内存管理与移动端优化，并提供数据加载、交互、内存等参考文件。
add-molab-badge
为 marimo 笔记本添加“Open in molab”徽章，可插入 GitHub README、文档站点、博客或任意 markdown/HTML 文件，并支持替换已有 marimo.app 链接与旧徽章图片。
architecture
用于在 Markdown 中直接嵌入 HTML/CSS 生成分层系统架构图的技能，支持单列、双列、三列等灵活布局，按用户、应用、AI/逻辑、数据、基础设施等语义层配色，适合技术栈、微服务与系统架构说明。
infocard
Infocard 是一套用 HTML/CSS 在 Markdown 中制作编辑风格信息卡片的技能，适合知识摘要、数据亮点、活动公告与单一主题展示；提供版式骨架与视觉风格选择，并含避免 AI 感设计的检查规则。