show-me
该技能用于把当前对话主题以简洁图示、代码结构草图和聚焦的 HTML 产物直观呈现，省略冗长前言，挑选能说明关键点的最小视图，帮助用户快速理解逻辑、控制流、数据流或界面结构。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,341 个结果
react-best-practices
React宝典是面向 React 19+ 与 Next.js 15+ 的全栈最佳实践指南技能。当用户编写、审查或重构 React/Next.js 代码时自动激活，涵盖消除请求瀑布、Bundle 体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能与高级模式等 8 大类 60+ 条按影响等级排序的规则。
vision
面向网站与图片的视觉分析技能，通过 Playwright 截图并结合 AI 视觉模型进行解读，支持传入 URL 与可选提示词，可用于布局设计分析、配色提取及 UI 复刻等场景。
frontend-developer
面向前端工程的 AI 技能：由 20 余年经验的多语言前端工程师角色驱动，强调先引用权威文档再写代码，聚焦性能、无障碍与像素级实现，并按项目技术栈加载对应子技能或参考文件。
react-nextjs
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南，是 frontend-developer 的子技能。包含 8 大类共 45 条规则，按影响程度排序，用于指导自动重构与代码生成。
event-sources
用于柏林活动信息采集与检索的技能：提供经过 Readability 验证的活动来源目录，以及用 qurl 抓取、嵌入和搜索活动的命令与关键词规则。
project-promo-skill
一个用于开发者或开源项目推广的写作与视觉内容技能：先研究仓库与一手资料，再按读者情境、痛点、机制、证据与限制组织推荐叙事，可产出文章、社交文案、封面、单页视觉说明与轮播卡片等。
blog-cms
OpenBlog 是一个基于 Git 的开源博客 CMS 模块，可挂载到产品网站（通常为 /blog），以 Markdown 为内容源，由 Next.js 渲染列表页、文章页、RSS、站点地图与 JSON-LD。本技能是入口，负责把任务路由到集成、搭建、发文、SEO 校验或发布流程。
browser-use
browser-use 是一个通过命令行进行浏览器自动化的工具，借助后台守护进程保持浏览器常驻，实现约 50ms 的低延迟调用，可用于网页导航、页面交互、填表、截图与数据提取。需预先安装 browser-use CLI 并确保其在 PATH 中。
3d-web-experience
面向 Web 3D 体验开发的技能，定位为 3D Web Experience Architect，覆盖 Three.js、React Three Fiber、Spline、WebGL 优化、3D 模型集成与交互式 3D 场景，适用于产品配置器、滚动驱动 3D 与 3D 性能优化。
frontend-ui-dark-ts
基于 React、TypeScript、Tailwind CSS 与 Framer Motion 的暗色主题 UI 系统，面向仪表盘、管理后台和数据密集型应用，提供玻璃拟态效果与动画方案，含设计令牌与组件结构参考。
nextjs-app-router-patterns
面向 Next.js 14+ App Router 的实践模式技能，覆盖 Server Components、流式渲染、并行路由与数据获取缓存等主题，适用于新建或从 Pages Router 迁移的 Next.js 全栈 React 项目。
react-modernization
用于将 React 应用升级到最新版本、把类组件迁移为 Hook 函数组件、采用并发特性（Suspense、transitions）并应用 codemod 自动重构的技能，适合现代化 React 代码库与状态管理模式、升级 TypeScript 及借助 React 18+ 提升性能。
ui-skills
ui-skills 是一个面向 AI 智能体的技能（Skill），其核心定位是提供一套带有明确主张、并持续演进的约束规则，用于在智能体构建界面（UI）时进行引导。该技能来自开源仓库 krishnakanthb13/antigravity-awesome-skills，页面地址为 https://www.skills.sh/krishnakanthb13/antigravity-awesome-skills/ui-skills。根据现有资料，它的用途是在需要以「有主张、会演进」的约束来指导智能体搭建界面时使用，技能本身提供相应的指导与模式（guidance and patterns）。资料未提供具体的约束条目、代码示例、安装命令、支持的平台或框架、收费方式与价格等信息，这些内容暂未提供。
wordpress-penetration-testing
用于对 WordPress 站点进行渗透测试的技能，涵盖用户、主题、插件枚举，漏洞扫描、凭据攻击与利用。需在获得书面授权后使用，依赖 WPScan、Metasploit、Burp Suite 或 OWASP ZAP、Nmap 等工具。
wp-block-themes
wp-block-themes 是 Automattic 的 agent-skills 仓库中的一个技能，用于开发 WordPress 区块主题。它覆盖 theme.json 的全局设置与样式、模板与模板部件、区块图案（patterns）、样式变体（style variations）以及站点编辑器的相关工作。该技能提供了一套从项目定位、主题识别到修改与验证的流程，并附带调试指南，帮助解决“样式不生效”“编辑器未反映 theme.json”等常见问题。
wp-interactivity-api
用于构建或调试 WordPress Interactivity API 功能的技能，涵盖 data-wp-* 指令、@wordpress/interactivity 的 store/state/actions 以及区块 viewScriptModule，帮助处理水合问题与指令不触发等情况。
wp-plugin-directory-guidelines
用于审查 WordPress 插件是否符合 WordPress.org 插件目录 18 条准则的技能，覆盖 GPL 许可、插件命名与商标、试用版/免费增值限制等提交要求，帮助在提交前发现常见违规。
crawl
Crawl 是一个基于 Tavily API 的网站抓取技能，可将多个网页内容提取并保存为本地 Markdown 文件，适合下载文档、知识库或整站内容以供离线访问。
ibm-a11y-automation
用于扫描 Langflow 前端页面无障碍问题的本地技能：调用 Python 脚本按 routes.tsx 中的路由运行无障碍检测，输出 JSON、Markdown 或 HTML 报告并汇总问题。
no-use-effect
一项用于 React 代码编写与审查的规范技能，倡导在 mosoo 项目中避免不必要的 useEffect，优先采用渲染期派生、事件处理、现有查询层与组件标识，仅在需与 React 外部系统同步时直接使用 useEffect。
web-perf
web-perf 是一个借助 Chrome DevTools MCP 的网页性能审计技能，用于测量 LCP、INP、CLS 等 Core Web Vitals 及 FCP、TBT、Speed Index 等补充指标，定位渲染阻塞、网络链与代码层面优化机会。
adding-react-components
为 Electron 渲染进程添加 React 组件的开发规范，覆盖侧栏面板、模态框、视图三种组件类型，以及 Zustand 状态接入、CSS 约定与常见坑点，属于具体项目 latch-core 的编码指南。
dev-tools
面向 Obsidian 桌面端插件与主题开发的调试技能，通过 CLI 调用应用内 DevTools、执行 JavaScript、查看控制台与错误缓冲、检查 CSS/DOM、使用 CDP、截图与移动端模拟，适合开发与诊断场景。