前端开发 Skill
页面、组件、样式相关 Skill，共 245 个。
firecrawl
一个用于大规模搜索、抓取网页并将其转换为LLM就绪格式的API工具。
ui-ux-pro-max-skill
为多平台和框架提供专业UI/UX设计智能的AI技能。
taste-skill
提升AI生成界面设计品质的技能包
ai-website-cloner-template
用AI代理反向工程任意网站生成Next.js代码
design.md
为AI编码代理提供视觉设计规范的格式标准
lightweight-charts
TradingView出品的高性能金融图表库
SEO (Site Audit + Content Writer + Competitor Analysis)
一站式SEO优化工具，提升网站在Google的自然搜索排名。
claude-seo
Claude Code 的开源 SEO 分析插件，提供全面的网站审计与优化方案。
al-folio
简约学术个人主页Jekyll主题
open-saas
一个功能齐全、开箱即用的开源SaaS应用模板。
Keenable Web Search
为AI智能体提供免费、无需密钥的网页搜索与内容抓取能力。
geo-seo-claude
面向AI搜索引擎（如Claude、ChatGPT）进行网站优化的SEO工具
video-shotcraft
一个基于镜头配方卡和模板，快速制作电影感产品视频的AI技能。
SteadyFetch
可靠网页抓取MCP服务器，内置重试与反爬
Ghostrouter
实时搜索网页并转换为可读Markdown，绕过验证码与复杂布局。
Technical Seo Checker
一键式技术SEO审计工具，全面检查网站技术健康度。
zlurp
通过x402微支付将任意网页转换为纯净Markdown，专为AI智能体设计。
NextJS
用于构建和解决Next.js应用开发问题的全能助手。
Dashboard Web App Cellcog
基于CellCog的AI仪表盘和Web应用生成工具
WP Multitool — WordPress Optimization Toolkit
WordPress站点健康审计与性能优化一体化工具包
On Page Seo Auditor
单页SEO审计工具，分析页面元素并提供优化建议。
here.now
为AI智能体提供快速发布网站和文件的实时URL服务。
web-development
专注于Web前端开发、构建、调试与部署的AI助手技能。
Vue
专为Vue 3应用提供构建、调试与代码审查的AI助手。
miniprogram-development
一站式微信小程序开发技能，覆盖从编码到上线的全流程。
Serp Analysis
深度分析搜索引擎结果页，优化SEO与内容策略
Tailwind CSS
专注于Tailwind CSS的编写、调试与构建问题排查
Exa网页搜索与抓取
Exa驱动的网页搜索与正文抓取MCP服务
Exa网页搜索与抓取
基于Exa的网页搜索与正文抓取MCP服务
Exa网页搜索与抓取
基于Exa的实时网页搜索与正文抓取工具，为AI提供最新网页内容。
Ui Prototype Wireframe Cellcog
AI驱动的UI原型与线框图生成工具
ui-design-guide
为Web或小程序项目提供界面视觉指导与设计规范
design-md-chrome
一键提取网站设计系统，生成AI可用的设计规范文档。
aeo
一站式网站SEO与性能审计工具，支持多模式诊断与修复。
Poetize Blog Automation
专为POETIZE开源博客设计的AI自动化运营助手。
Web Collection
云端优先的网页采集、上手与排障工具
revolut
通过Playwright实现Revolut网页自动化，支持登录、账户查询和交易记录获取。
Svelte
专为Svelte/SvelteKit应用提供构建、调试与代码审查的AI助手。
ia-react-frontend
为React/Next.js前端开发提供架构模式与最佳实践指导
B12 Website Generator
用AI秒级生成专业网站
地图导航
高德地图MCP Server，12种位置服务API
cli
TanStack官方CLI，用于快速创建和管理全栈应用。
Gaode Map CLI - 高德官方命令行工具 Skill
高德官方CLI工具，通过命令行操控地图实例
Gaode Map CLI - 高德官方命令行工具 Skill
通过命令行操控高德地图实例，为AI Agent提供结构化地图交互能力。
Gaode Map CLI - 高德官方命令行工具 Skill
通过命令行以JSON格式操控高德地图，适合AI Agent驱动的地图交互。
Gaode Map CLI - 高德官方命令行工具 Skill
通过命令行以JSON格式操控高德地图，适合AI Agent驱动的地图交互。
Gaode Map CLI - 高德官方命令行工具 Skill
通过命令行操控高德地图，实现AI驱动的可视化交互。
Gaode Map CLI - 高德官方命令行工具 Skill
高德地图命令行工具，AI驱动地图可视化交互
Gaode Map CLI - 高德官方命令行工具 Skill
通过CLI命令操控高德地图JSAPI实例
Gaode Map CLI - 高德官方命令行工具 Skill
通过命令行操控高德地图，为AI Agent提供结构化地图交互能力。
ia-frontend-design
前端界面视觉设计与美学指导
unbrowser
无需启动浏览器，低成本进行网页初步发现与数据提取。
Firehose Web Monitor
实时网络监控与信息流推送工具
hyperframes-core
构建可渲染项目的HTML组合契约与规范
Remote Browser Service
通过HTTP API远程控制Chrome浏览器，实现网页自动化操作。
biver-builder
通过API或MCP服务器管理Biver工作空间的全栈内容与设置。
hyperframes-animation
HyperFrames动画知识库，提供原子级动画规则、场景蓝图与多运行时适配器。
tanstack
用 TanStack 构建类型安全的 React 应用
Claude-Code-Frontend-Design-Toolkit
Claude Code前端美化工具合集
captcha-base-skill
免费优先的验证码识别技能，本地为主，云码兜底。
HTML Mender
一个专为本地HTML文件设计的可视化编辑器，用于修改和美化网页内容。
optimize-shopify-alt-text
为Shopify店铺图片自动审查并优化alt文本
fulcra-dashboard
使用 Alpine.js 和 Python 后端，为本地 Fulcra 数据构建高度可定制的交互式仪表盘。
Tailwind V4
Tailwind v4 CSS-first配置与设计令牌
Website Pickpocket
完美复刻任意网站的抓取转换工具
SwipeNode Web Extractor
为AI智能体提供绕过Cloudflare、高效提取网页JSON数据的超能力。
hug-html
基于网格的HTML组件库与可视化编辑器，快速构建响应式页面。
Free Web Search Js
无需API密钥的网页搜索与内容抓取工具
privy-integration
为Web和智能体应用集成Privy身份验证、嵌入式钱包和支付协议。
@houndmcp/hound-mcp-pi
为Pi Agent提供免密钥网页搜索与深度抓取能力
Slack Block Kit
一键生成 Slack 富交互布局
Cinematic Scroll
构建电影级视差滚动与3D倾斜效果的网站
Design Taste Frontend
根据需求简报，智能生成高质量前端界面设计稿。
Shopify GMC Misrepresentation Auditor
自动审核Shopify店铺，识别谷歌商家中心违规风险。
Phy Ux Reviewer
基于Nielsen Norman十大可用性原则的UX启发式评估专家。
Serp Markup Builder
为网页生成和优化SEO元标签、结构化数据及社交媒体卡片
geo-optimizer-skill
开源AI搜索引擎优化工具，帮你提升网站在ChatGPT等AI中的可见性。
Meta Tags Optimizer
一站式优化网页标题、元描述与社交媒体预览标签，提升点击率。
typescript-dev
一个用于快速构建全栈TypeScript应用的项目模板与开发工具集。
网页制作
AI驱动，从设计到部署一站式生成网站
网页制作
AI全流程自动化建站，从设计到上线一步到位
chrome-extension-wxt
基于WXT框架，使用现代前端技术栈开发浏览器扩展。
Auth0 React
为React SPA集成Auth0登录认证
tencentmap-lbs-skill
腾讯地图位置服务开发技能，支持POI搜索、路径规划等
Poyo Get Timestamped Lyrics
获取带时间戳的歌词，用于同步显示
Temu欧洲站-促销
Temu欧洲站促销活动一站式API
Zustand State
Zustand 轻量状态管理库
FaviconDL · 任意网站 Favicon 下载工具
通过API或命令行下载任意网站的favicon图标。
sideshow
为终端AI编程代理提供实时可视化界面
oh-my-design
一键为AI编程助手注入400+真实公司设计系统记忆
web-asset-generator
通过自然对话，让 Claude 自动生成网站图标和社交媒体图片。
jf-open-pro-livestream
杰峰设备直播预览技能，支持多协议实时视频播放。
@ghoulm370/pi-zai-vision
为Pi平台提供基于GLM-4.6V的多模态视觉分析工具。
@ariedotme/pi-firecrawl-web
基于Firecrawl的网页搜索与内容提取工具
WebSculpt: Browser Automation with Memory
带记忆层的浏览器自动化解决方案，实现高速稳定访问。
claude-code-skill-scrapling
Claude Code 的智能网页抓取技能，自动选择最佳抓取器并绕过 Cloudflare。
draw-ui
一个专注于UI设计稿生成与网页还原的AI绘图技能
remotion-video-skill
用 React 代码编程生成动态视频的框架
betterwright
为AI Agent提供持久、受策略保护的浏览器环境。
rico-skills
一个集内容创作、设计优化与资源管理于一体的多功能AI技能包。
harmonyos-ai-skill
让AI像鸿蒙工程师一样，写出规范的ArkTS代码。
pi-atelier
为Pi提供响应式状态栏与实时活动侧边栏
claude-wordpress-skills
为Claude Code设计的专业WordPress工程技能包，涵盖性能、安全与开发。
pi-agent-browser-native
将Agent-Browser作为原生工具集成，实现浏览器自动化。
brand-to-design-md-skill
将品牌官网URL自动转换为结构化设计文档的本地技能
camofox-default-browser
基于Camoufox的浏览器自动化工具，可绕过反机器人检测。
swiftui-design-skill
专为SwiftUI开发者打造的视觉设计技能，避免AI生成式平庸界面。
pi-simple-web
为Pi AI提供严格分离的网页、GitHub、PDF、搜索和YouTube工具集。
html-artifacts
让Claude在合适场景下生成自包含的HTML文件，而非Markdown。
prototype-to-figma-skill
将可运行的代码原型自动转换为结构化、可评审的Figma设计文件。
google-ai-search-optimization
基于Google官方指南，帮助AI代理进行生成式AI搜索功能优化的技能。
@aemonculaba/pi-search
为AI Agent提供联网搜索与网页内容提取能力，支持OpenAI原生搜索与多模式抓取。
cometchat-skills
通过AI编程助手为多种技术栈项目一键集成CometChat聊天功能。
claude-code-design
在终端中复现 Claude Design 的设计生成能力
pi-use-claude-seo
基于Claude的综合性SEO分析与优化工具集
@demigodmode/pi-web-agent
提供可靠网页访问能力的Pi Agent工具包。
creativly.ai-brand-video-remotion
一个展示如何用Claude Code结合Remotion制作品牌宣传视频的完整项目示例。
@firstpick/pi-package-webui
为Pi项目提供本地浏览器UI界面及管理命令的配套工具包。
@firstpick/pi-package-webui
为Pi项目提供本地浏览器UI界面及管理命令
ultimate-seo-geo
为AI编码工具设计的终极SEO与AI搜索优化审计与执行代理。
skill-email-html-mjml
一个通过对话生成跨客户端兼容的HTML邮件的Claude技能
@youdotcom-oss/pi
用于开发Pi浏览器功能扩展的官方工具库。
pi-fetch-tool
将任意网页URL转换为LLM友好的结构化数据或Markdown。
pi-recon-tools
一体化安全侦察工具包，用于快速资产探测与漏洞初筛。
pi-smart-fetch
智能网页抓取工具，模拟浏览器并提取内容。
grok-designer
为AI智能体提供专业的UI/UX设计评审与生成能力
gogh
一个为AI编程助手提供前端设计决策支持的Obsidian知识库
popups
专注于创建和优化各类弹窗、横幅等转化元素。
qianwen-cdp
通过原生CDP协议驱动千问浏览器，实现办公自动化。
@artale/pi-design
为Pi设计的AI设计工具，通过提示词生成UI、落地页和幻灯片。
network-request-twister
拦截、观察和修改浏览器网络请求与响应
@artale/pi-maze
带BFS求解、主题与计时的程序化迷宫生成工具
programmatic-seo
利用模板和数据，批量生成SEO驱动的内容页面。
grok-search
为AI智能体提供增强的网络搜索、内容抓取与站点地图生成能力。
zens-ink-seo
Pi 生态的免费 SEO 工具箱，提供关键词研究、竞品分析等功能。
@artale/pi-wordpress
Pi生态的WordPress开发辅助集成工具集
site-architecture
规划和优化网站信息架构与导航结构
levelsio-vps-setup-skill
一个教你如何在单台廉价VPS上部署和开发Web应用的Claude技能。
web-seo-aeo-geo-google-naver-skill
为Next.js应用提供Google与Naver双平台SEO、AEO、GEO优化的AI助手技能。
claude-seo-skill
为Claude Code打造的AI驱动一站式SEO分析与优化工具
pi-poster
将AI会话中的React海报渲染为多种图片和PDF格式
geo-audit-skill
一站式AI可引用性审计工具，让ChatGPT等AI引擎主动引用你的内容。
ui-sound-design-skill
用自然语言描述，让AI生成UI音效代码的Skill。
@woxqaq/pi-web
为pi coding agent提供Web Shell交互界面
@artale/pi-seo
轻量易用的Web开发SEO实用工具集
@khimaros/pi-webui
为Pi.dev提供独立Web界面的轻量级工具
pi-agent-browser
为pi提供浏览器自动化工具，支持交互式浏览与截图分析。
pi-web-fetch
Pi浏览器扩展，通过无头Chrome抓取网页内容并智能提取。
pi-browser-cdp-extension
为AI编码助手提供浏览器自动化能力的CDP扩展。
pi-browser-harness
通过CDP协议控制真实Chrome浏览器的自动化工具
@tmustier/pi-session-hud
为Pi会话提供紧凑的底部栏和Amp风格输入框美化组件。
pi-fancy-footer
为PI提供美观的页脚扩展
@pi-lab/webfetch
为Pi智能体扩展网页抓取能力的工具
@xl0/pi-lovely-web
集成多引擎的网络搜索与内容抓取工具包
@browser-annotations/pi
在网页上圈选元素并发送反馈给PI
pi-crawl4ai
为AI助手pi增强网页抓取与结构化信息提取能力
pire-browser
跨平台本地浏览器自动化扩展与桥接工具
@codingcoffee/pi-websearch-crawl4ai
让LLM能够爬取并查看网页的PI扩展
pi-logo
为Pi扩展提供标准化官方logo资源的前端工具包
omp-designer
一个集成了12项技能的自主AI设计系统。
pi-simple-web-tools
一个通过Exa搜索并获取网页Markdown内容的Pi插件。
Next.js Tailwind Assistant
专为Next.js与Tailwind CSS开发者打造的AI助手，提供组件、文档与模式支持。
ngautopilot
面向Angular/TS前端的AI安全开发CLI工具集
pi-chrome-dev-tools
基于Playwright的懒启动、持久化Chrome浏览器工具
pi-skill-agent-browser
通过Chrome DevTools协议实现浏览器自动化的Pi技能。
pi-web-toolkit
专为Pi Agent设计的网页研究工具包
@the-forge-flow/lightpanda-pi
使用无头浏览器进行网页搜索的PI扩展
@try-works/pi-paper-design
连接Pi与Paper设计工具，用AI辅助UI设计。
@aedge-io/typed-clone
一个类型安全、高性能且可扩展的JavaScript/TypeScript深拷贝库。
@amartinr/pi-searxng
Pi极简网页搜索工具，基于SearXNG缓存
@arcadia64/pi-ddgs
本地Docker驱动的无API限制网页搜索与抓取工具
@bitcraft-apps/pi-web-tools
为Pi.dev提供的纯Shell网页搜索与获取工具
cc-my-pi
为Pi浏览器提供Claude Code风格的增强UI界面与开发工具集。
@originintelligence/pi-figma
高效访问Figma设计文件的AI工具，优化Token消耗。
pi-lynx
无需API密钥的纯文本网页与平台搜索抓取工具。
pi-neat-ui
Pi平台的UI美化与主题预设扩展包
pi-puppeteer
基于Puppeteer-core的跨浏览器自动化扩展包
pi-web-chat
为Pi编码助手提供OpenWebUI风格、移动友好的Web界面
@soulofzephir/pi-skill-pentesting
为Pi智能体提供全面的渗透测试与安全检查能力
@the-forge-flow/camoufox-pi
通过Camoufox进行隐蔽网页搜索与URL抓取的PI扩展。
@touchtechclub/pi-oc-web-tools
为Pi coding-agent提供网页抓取与搜索能力的MCP工具扩展。
@badliveware/pi-footer-framework
为Pi平台提供可配置的页脚框架扩展
@blazer2k/searxng-suite
基于SearxNG的网页搜索与链接提取工具
@dataforxyz/agent-intercom-pi
一个专注于Pi平台开发的AI编程助手工具包。
@false00/pi-steel
专为Pi智能体设计的生产级浏览器自动化工具
@gogomi/pi-glsl-shader-vision
Pi 智能体内的 GLSL 着色器实时预览与调试工具
@jd-erreape/pi-questionnaire
Pi生态专用的交互式问卷构建扩展工具
pi-browser-debug
通过Chrome DevTools协议调试浏览器会话的Pi扩展
pi-ketch
专为AI Agent设计的网页研究与信息获取工具套件。
pi-skill-threejs-builder
在对话中快速创建和定制3D网页应用的Pi技能
pi-worlds
基于World Labs Marble API生成3D世界的Pi扩展
@surprisal/pi-hyperchart
为Hyperchart工作流提供Pi扩展和React检查器
@unseated7635/pi-roxy-seo
为pi-coding-agent提供SEO、AEO、GEO优化的扩展技能
@zenobius/pi-footer
为Pi Coding Agent界面提供可自定义的页脚组件。
browse97
通过CDP协议实现Chrome浏览器自动化操作。
@chainingintention/pi-web-cn
为Pi Coding Agent提供远程Web界面和浏览器控制平面。
@cnbattle/pi-web
为 Pi Coding Agent 提供图形化 Web 界面
@compn3rd/pi-web-pendant-theme
为PI WEB设计的复古像素风格主题包
@dreki-gg/pi-browser-tools
为Pi提供浏览器自动化与网页研究工具
@dustydonkey/pi-spinner
为Pi设计的流畅加载动画与动态动词提示器
@eliemessiecode/pi-render
为pi-coding-agent提供HTML页面浏览器渲染与自动保存功能
@johnnywu/pi-webfetch
为AI助手提供网页内容抓取与格式转换能力。
pi-cache-timer
适用于Pi框架的页脚缓存计时扩展工具
pi-canvas-design
专为Pi设计的无限画布与可视化前端构建工具
pi-easy-footer
为PI平台提供页脚扩展与会话横幅的组件
pi-free-web-search
为Pi智能体提供免费、混合式的网页搜索与内容提取能力。
pi-lean-portal
为Pi提供交互式网页浏览与自动化能力的扩展工具。
pi-pixel-header
为网页添加带有随机猫普奇配色点缀的像素风格Pi徽标页眉。
pi-suggest
为Pi UI的自动补全、标签、选择器提供LLM生成的下一步建议
pi-tinyfish-tools
为AI Agent提供网页搜索、抓取与自动化浏览工具。
pi-ui-workflow
一键将想法转化为UI设计规范的扩展工具。
pi-web-suite
为Pi智能体提供网页搜索、内容抓取与提取的Web工具套件。
pi-webmcp
连接Pi与网页端WebMCP工具的浏览器扩展
@zeldrisho/pi-web-fetch
安全网页抓取并提取Markdown的Pi扩展
@zeldrisho/pi-web-fetch
安全获取公开网页并提取Markdown内容的Pi扩展
avtc-pi-ui-components
PI扩展的对话框协调器与带备注的选择组件
@bytesbrains/pi-textbrowser
为Pi设计的无头浏览器，通过DOM与OCR文本地图浏览网页。
@danypops/pi-web-spider
为AI Agent提供结构化网页抓取能力的Pi扩展工具。
decent-curl-impersonate
基于curl_cffi的浏览器模拟HTTP工具，用于Pi平台
ENS Resolver — Name ↔ Address + Avatar
为AI Agent提供ENS、地址双向解析及头像查询服务
@graelo/pi-defer-modal
在用户输入时延迟弹出模态框，避免打断操作。
henyo-pi-web
为Pi提供网页搜索与内容抓取工具集
@itc-steve/pi-web-complete
为Pi智能体提供集成的网页搜索、内容读取与协作浏览能力。
@khmuhtadin/pi-stitch-mcp
连接Pi与Google Stitch MCP服务器，实现Figma设计稿一键生成多平台代码。
lite-questionnaire
轻量级交互式问卷工具，支持多种题型与条件逻辑。
@liuovo/pi-statusline
为Pi浏览器开发彩色分段式状态栏扩展
@m64/browser-tools
基于CDP的轻量级浏览器协同探索工具
@mrsamdev/pi-deploy-artifacts
一键将HTML项目部署到主流托管平台
@open-hax/uxx
基于React的UI组件库，提供设计令牌、主题和调色板。
pi-browser-search
一个支持真实浏览器环境进行网页搜索与浏览的Pi扩展。
pi-cozy-ui
为Pi桌面提供舒适UI主题和侧边栏输入框的组件库。
pi-figma-mcp
连接Pi与Figma桌面版MCP服务器的工具包
pi-footer-manager
统一管理 Pi 应用页脚，支持模块化组合与自定义布局。
pi-idea
将单行想法快速转化为可访问的线上原型。
pi-lightpanda-extension
提供Lightpanda网页工具与Playwright真实截图的Pi扩展
pi-read-page
为Pi等AI编码助手读取网页内容并转换为Markdown格式。
pi-seo
基于Google Lighthouse的Pi平台SEO优化助手
pi-video-tui
在 Pi 原生 TUI 界面中内嵌播放同步音视频
pi-web-providers-az-cf
为Pi提供OpenAI/Azure API与Cloudflare渲染能力的Web扩展
pi-web-providers-codex-cf
为Codex提供Pi平台Web扩展，集成ChatGPT订阅认证与Cloudflare渲染。
@spider-cloud/pi-spider-tools
Pi平台上的网页数据抓取与浏览器自动化工具集
@thurstonsand/pi-web-tools
为Pi AI提供网页搜索与URL文档抓取能力的扩展包
User Agent Parser — Browser, OS, Device Detection
AI代理专用User Agent解析工具，输出结构化设备信息
@yoseph_23/implannotator
Pi平台前端实现，结合设计指导与代码审查。
@zea.cl/soma-sdk
用于快速构建AI协作平台的React组件库。