首頁/Web與前端開發
💻

Web與前端開發

(1163)
🎖️精選
25,156

Frontend Design

前端設計:創建獨特、生產級的前端界面,具有高設計質量。當用戶要求建立網頁組件、頁面或應用程序時使用此技能。生成創意、精緻的代碼,避免通用的AI美學。

💻Web與前端開發/frontend-design
🎖️精選
24,451

playwright-mcp

通過Playwright MCP伺服器進行瀏覽器自動化。

💻Web與前端開發/playwright-mcp
🎖️精選
22,251

SuperDesign

SuperDesign:專業前端設計指南,用於創建美麗、現代的UI。當建立首頁、儀表板或任何用戶界面時使用此技能。

🎖️精選
18,804

Deep Research Pro

Deep Research Pro:多源深層研究代理。搜索網絡,綜合發現,並提供引用報告。無需API金鑰。

💻Web與前端開發/deep-research-pro
🎖️精選
18,453

playwright-scraper-skill

基於 Playwright 的網頁爬取 OpenClaw 技能,具有防機器人保護功能。

💻Web與前端開發/playwright-scraper-skill
🎖️精選
18,331

UI/UX Pro Max

UI/UX Pro Max:提供UI/UX設計智慧與實施導引,以建立精緻的介面。當用戶請求UI設計、UX流程、資訊結構、視覺風格導向、設計系統/代碼、元件規範、文案/微文案、無障礙設計,或生成/評論/精煉前端UI(HTML/CSS/JS、React、Next.js、Vue、Svelte、Tailwind)時使用。包括以下工作流程:(1) 生成新的UI佈局和風格,(2) 改善現有的UI/UX,(3) 產生設計系統代碼和元件指南,以及(4) 將UX建議轉換為具體的代碼變更。

🎖️精選
17,291

Markdown.new Skill

Markdown.new技能:將公共網頁轉換為乾淨的Markdown格式,供AI工作流程使用markdown.new。當任務需要URL轉換為Markdown以進行摘要、RAG ing...

💻Web與前端開發/markdown-convert
🎖️精選
17,032

ddg-web-search

使用web_fetch通過DuckDuckGo Lite進行無API金鑰的網絡搜索。

💻Web與前端開發/ddg-web-search
🎖️精選
17,027

Google Slides

Google Slides:整合 Google Slides API 並管理 OAuth。建立演示文稿、新增投影片、插入內容以及管理投影片格式。當用戶想要與 Google Slides 互動時,使用此技能。對於其他第三方應用程序,使用 api-gateway 技能(https://clawhub.ai/byungkyu/api-gateway)。

🎖️精選
16,750

Filesystem Management

檔案系統管理:為 Clawdbot 進行先進的檔案系統操作 - 列表、搜索、批次處理以及目錄分析

💻Web與前端開發/clawdbot-filesystem

Powerpoint / PPTX

Powerpoint / PPTX: 創建、檢查和編輯 Microsoft PowerPoint 演示文稿和 PPTX 製作,擁有可靠的佈局、模板、佔位符、筆記、圖表和視覺質量保證。使用...

💻Web與前端開發/powerpoint-pptx

perplexity

通過Perplexity API使用AI動力答案搜索網絡

Frontend Design Ultimate

前端設計終極版:使用 React、Tailwind CSS 和 shadcn/ui 创造獨特、生產級的靜態站點,無需Mockup。從純文本需求生成堅強、令人難忘的設計,具有抗AI雜亂美學、先手行動的響應式模式以及單檔打包。當建設首頁、行銷站點、作品集、儀表板或任何靜態網頁界面時使用。支援 Vite(純靜態)和 Next.js(Vercel 部署)工作流程。

💻Web與前端開發/frontend-design-ultimate

computer-use

電腦使用:全功能桌面電腦使用於無頭Linux伺服器和VPS。

claw-shell

始終使用 TMUX 会话 `claw`。

google-workspace-mcp

Gmail、Calendar、Drive、Docs、Sheets — 不需要 Google Cloud Console。

💻Web與前端開發/google-workspace-mcp

Frontend Design

前端設計:創建獨特、生產級的前端介面,具有高設計品質。當構建網頁元件、頁面或應用程序時使用此技能。生成創意、精緻的代碼,避免通用的AI美學。

💻Web與前端開發/frontend-design-3

UI/UX Design Guide

UI/UX設計指南:專業指導關於以手機為首的UI/UX設計,顏色系統,字體設計,無障礙性(WCAG 2.2),Tailwind + Shadcn/ui整合,微交互,以及...

Skill Vetter - Pre-Install Security Review

技能Vetter - 預裝安全評估:安裝任何AI代理技能前的安全評估協議。識別憑證盜用、混淆代碼、資料外洩的紅色警示。風險分類L...

💻Web與前端開發/openclaw-skill-vetter

database-operations

在設計數據庫模式、編寫時使用。

💻Web與前端開發/database-operations

desearch-web-search

在網上搜索並獲取實時的SERP風格結果,包含標題、URL和摘錄。

💻Web與前端開發/desearch-web-search

windows-ui-automation

使用 PowerShell 自动化 Windows GUI 互動(滑鼠、鍵盤、視窗)

💻Web與前端開發/windows-ui-automation

CCTV News Fetcher

CCTV新聞擷取器:為特定日期從CCTV新聞聯播(新聞聯播)擷取並解析新聞亮點。

💻Web與前端開發/cctv-news-fetcher

Nextjs Expert

Next.js 專家:當使用 App Router 建構 Next.js 14/15 應用程序時使用。用於路由、佈局、伺服器組件、客戶端組件、伺服器動作、路由處理器、身份驗證、中間件、數據抓取、快取、重新驗證、串流、懸疑、加載狀態、錯誤邊界、動態路由、平行路由、路由截取,或任何 Next.js 架構問題。

Airtable

Airtable: Airtable API整合,使用管理式OAuth。管理基本資料庫、表格和記錄。當用戶想要讀取、建立、更新或刪除Airtable記錄,或使用過濾公式查詢數據時,使用此技能。對於其他第三方應用程序,使用api-gateway技能(https://clawhub.ai/byungkyu/api-gateway)。

self-evolve

自主自我進化技能:授權代理完全修改其自身的配置、技能和提示

api-dev

api-dev: 構建、測試、文檔和除錯 REST 和 GraphQL API。

Google Docs

Google Docs:整合Google Docs API與管理OAuth。建立文件、插入文字、應用格式化以及管理內容。當用戶想要與Google Docs互動時,使用此技能。對於其他第三方應用程序,使用api-gateway技能(https://clawhub.ai/byungkyu/api-gateway)。

Shadcn Ui

使用 shadcn Ui 時,當建立帶有 shadcn/ui 元件、Tailwind CSS 布局、使用 react-hook-form 和 zod 的表單模式、主題設定、深色模式、側邊導航布局,或任何 shadcn 元件相關問題時。

NextJS 16+ Complete Documentation

NextJS 16+ 完整文檔:以 markdown 格式完成 Next.js 16 文檔。使用於處理 Next.js 專案、建立 React 應用程序、配置路由、數據抓取、渲染策略、部署或從其他框架遷移時。涵蓋 App Router、Pages Router、API 路徑、伺服器組件、伺服器動作、快取以及所有 Next.js 功能。

💻Web與前端開發/lb-nextjs16-skill

Feishu Doc

Feishu Doc:從Feishu(Lark)維基、文檔、表格和Bitable中抓取內容。自動解析維基網址到實體並將內容轉換為Markdown。

Spotify

Spotify:控制macOS上的Spotify播放。播放/暫停、跳過曲目、控制音量、播放藝術家/專輯/播放清單。當用戶要求播放音樂、控制Spotify、更改歌曲或調整Spotify音量時使用。

Web Development

網頁開發:使用HTML、CSS、JavaScript及現代框架,依據生產最佳實踐來建立、除錯及部署網站。

tech-news-digest

使用統一來源模型、品質評分和多格式輸出生成技術新聞摘要。

💻Web與前端開發/tech-news-digest

Seo Optimizer

SEO最佳化器:此技能用於分析HTML/CSS網站以進行SEO最佳化,修復SEO問題,生成SEO報告,或實施SEO最佳實踐。當用戶請求SEO審計、優化、元標籤改善、schema標記實施、網站地圖生成或一般搜索引擎最佳化任務時使用。

web-pilot

搜索網上內容並閱讀頁面內容,無需 API 金鑰。

Wechat Publisher

微信發佈者:一鍵發布 Markdown 到微信公眾號草稿箱。基於 wenyan-cli,支援多主題、代碼高亮、圖片自動上傳。

💻Web與前端開發/wechat-publisher

B站 (bilibili) 热门视频监控

B站(bilibili)熱門影片監控:生成B站熱門影片日報並發送郵件。觸發詞:B站熱門、bilibili日報、影片日報、熱門影片

💻Web與前端開發/bilibili-hot-monitor

React Expert

React專家:當建構需要元件架構、hooks 模式或狀態管理的 React 18+ 應用程序時使用。為 Server Components、性能優化、Suspense 界限、React 19 功能啟用。

EvoWeb.ai Website Builder

EvoWeb.ai 網站建置工具:4分鐘內創建網站,專為從ChatGPT、Gemini及現代搜索帶來客戶設計

social-media-agent

社交媒體代理:僅使用OpenClaw原生工具進行自獨立社交媒體管理,適用於X/Twitter。

💻Web與前端開發/social-media-agent

Constant Contact

常聯絡:整合常聯絡API,管理OAuth。管理聯繫人、電子郵件營銷活動、清單、分組以及行銷自動化。使用此技能當用戶想要管理電子郵件營銷活動、聯繫人清單或分析活動性能時。對於其他第三方應用程序,請使用api-gateway技能(https://clawhub.ai/byungkyu/api-gateway)。需要網絡訪問和有效的Maton API金鑰。

💻Web與前端開發/constant-contact

Feishu Docx PowerWrite

Feishu Docx PowerWrite:透過 OpenClaw 進行高品質的 Feishu/Lark Docx 文書撰寫。當您想將 Markdown 轉換為格式良好的 Feishu Docx(標題、清單、嵌套、代碼塊)時使用 feishu_docx_write_markdown;包含安全的工作流程、模板和錯誤排除。在 Feishu 文件/文檔鏈接、‘寫入 Feishu 文檔’、‘生成 Feishu 文檔’、‘附加/替換 docx’、‘將 Markdown 轉換為 Feishu 文檔’或用戶希望有持續良好的文檔格式時觸發。

💻Web與前端開發/feishu-docx-powerwrite

JotForm

JotForm: JotForm API整合,管理OAuth。建立表單,管理提交,並存取表單資料。當用戶想要與JotForm表單和提交互動時,使用此技能。對於其他第三方應用程序,使用api-gateway技能(https://clawhub.ai/byungkyu/api-gateway)。

security-scanner

為網路應用程序、API 和基礎設施進行自動化安全掃描和漏洞偵測

💻Web與前端開發/security-scanner

HubSpot

HubSpot:整合 HubSpot CRM 及 CMS API 之聯繫人、公司、交易、擁有者及內容管理功能。

playwright-browser-automation

直接使用Playwright API進行瀏覽器自動化。

💻Web與前端開發/playwright-browser-automation

xiaohongshutools

小紅書(小红书)數據收集和互動工具包

💻Web與前端開發/xiaohongshutools

brave-api-search

使用官方 Brave Search API 進行實時網絡搜索和 AI 擴展答案。

💻Web與前端開發/brave-api-search

Google Forms

Google Forms:整合Google Forms API與管理OAuth。建立問卷、新增問題和取得回應。當用戶想要與Google Forms互動時,使用此技能。對於其他第三方應用程式,使用api-gateway技能(https://clawhub.ai/byungkyu/api-gateway)。

Web Perf

網頁效能分析:使用Chrome開發者工具MCP分析網頁效能。測量核心網頁生命週期(FCP、LCP、TBT、CLS、速度指數),識別渲染阻斷資源、網絡依賴鏈、布局移動、緩存問題和無障礙空間。當被要求進行審計、分析、除錯或優化頁面載入效能、Lighthouse得分或網站速度時使用。

Shopify Admin API

Shopify管理員API:透過管理員REST API管理Shopify商店數據,包括訂單、產品、變體、客戶、庫存、履行、退款、退貨和交易。

💻Web與前端開發/shopify-admin-api

React

React: 全面的React 19工程、架構、Server Components、hooks、Zustand、TanStack Query、表單、性能、測試、生產部署。

小红书长文发布

小红書長文發布:小红書長文發布。用於在網頁版小红書創作服務平台發布長文筆記。當用戶說'發小红書'、'發小红書長文'、'寫一篇小红書'時使用此技能。

💻Web與前端開發/xiaohongshu-publish

feishu-bitable

管理Feishu Bitable,透過列出表格及使用提供的應用程式憑證新增紀錄或任務。

💻Web與前端開發/feishu-bitable

Plan2meal

管理從您的Plan2Meal React Native應用程式中的食谱和購物清單。從網址添加食谱,搜尋、檢視和管理您的購物清單。

Ui Skills

用戶介面技能:為建立更好的介面與代理建立有見解的約束。

Mission Control

任務控制:macOS原生網頁儀表板,用於監控和控制您的OpenClaw代理。即時聊天、cron管理、任務工坊、侦察引擎、成本跟蹤等。

💻Web與前端開發/openclaw-mission-control

E2E Testing Patterns

端到端測試模式:使用 Playwright 和 Cypress 建立可靠、快速的端到端測試套件。關鍵用戶旅程覆蓋,消除不穩定的測試,整合 CI/CD。

💻Web與前端開發/e2e-testing-patterns

homeassistant-skill

通過REST API控制Home Assistant設備和自動化。包括燈光、氣候、鎖等25個實體領域。

💻Web與前端開發/homeassistant-skill

Graphic Design

圖形設計:支援從基礎視覺到專業製作與理論的設計理解。

💻Web與前端開發/graphic-design

business-model-canvas

建立、填寫、壓力測試和迭代商業模式畫布。

💻Web與前端開發/business-model-canvas

ai-boss-assistant

將任何 AI 轉變為專業執行秘書,具備戰鬥測試的人設和工作流程。

💻Web與前端開發/ai-boss-assistant

Wordpress Pro

WordPress Pro:用於開發 WordPress 主題、插件、自定義 Gutenberg 块、實現 WooCommerce 功能或優化 WordPress 性能和安全。

Telegram Compose

Telegram撰寫:透過直接Telegram API使用HTML格式編寫和發送豐富的Telegram消息。主會話自動調用此功能以產生實質的Telegram輸出——無需其他技能調用。決策規則:如果您的Telegram回覆超過3行或包含結構化數據(清單、統計、部分、報告),則以此作為Haiku子代理來格式化和發送。短回覆(<3行)直接通過OpenClaw消息工具發送。處理內容:研究總結、警報、狀態更新、報告、簡報、通知——任何具有視覺層級的內容。

💻Web與前端開發/telegram-compose

Wordpress REST API

WordPress REST API: OpenClaw 技能,提供 WordPress REST API CLI,用於文章、頁面、分類、標籤、用戶及自定義請求,並使用純 HTTP。

Mermaid Diagrams

使用Mermaid語法建立軟體圖表。當用戶需要通過圖表建立、視覺化或文檔化軟體時使用,包括類圖、時序圖、流程圖、ERD圖、C4架構圖、狀態圖、git圖表以及其他圖表類型。觸發條件包括對圖表、視覺化、建模、規劃或顯示系統流程的請求。

💻Web與前端開發/mermaid-diagrams

SEO-Article-Gen

SEO文章生成器:SEO優化文章生成器,具有自動聯盟鏈接整合功能。透過關鍵字研究、結構化數據和內置營收功能,生成高排名內容。

💻Web與前端開發/seo-article-gen

ManyChat

ManyChat: ManyChat API整合與管理認證。管理訂閱者、標籤、自定義欄位,並透過Facebook Messenger發送消息。使用此技能當用��想要管理ManyChat訂閱者、發送消息、添加/刪除標籤,或與自定義欄位和機器人自動化合作時。對於其他第三方應用程序,使用api-gateway技能(https://clawhub.ai/byungkyu/api-gateway)。

Vercel Deploy

Vercel 部署:部署和管理 Vercel 專案。當部署應���程序至 Vercel、管理環境變數、檢查部署狀態、查看日誌或執行 Vercel 操作時使用。支援生產和預覽部署。實際的基礎設施運作 - 沒有「AI 將為您建立應用程序」的魔法。

Vimeo

Vimeo:Vimeo API 集成,管理式 OAuth。影片托管及分享平台。使用此技能當用戶想要上傳、管理或整理影片、建立展示/相簿、管理資料夾,或與 Vimeo 社群互動時。對於其他第三方應用程式,請使用 api-gateway 技能(https://clawhub.ai/byungkyu/api-gateway)。需要網絡訪問和有效的 Maton API 金鑰。

firecrawler

使用Firecrawl API進行網頁爬取和爬取。

neo-ddg-search

使用 DuckDuckGo 搜索網絡。

💻Web與前端開發/neo-ddg-search

React Email Skills

React Email 技能:使用 React Email 透過 React 元件建立美觀、適應式 HTML 電子郵件。建立帳單電子郵件,支援國際化,並與 Resend 等電子郵件服務提供商整合。當建立歡迎郵件、密碼重設、通知、訂單確認或任何 HTML 電子郵件模板時使用。

💻Web與前端開發/react-email-skills

Reddit (read only - no auth)

Reddit(只讀取模式 - 沒有認證):使用公共 JSON 端點以只讀取模式瀏覽和搜索 Reddit。當用戶要求瀏覽子論壇、按主題搜索貼文、檢視評論串或建立要手工檢查和回覆的短鏈表單時使用。

💻Web與前端開發/reddit-read-only

Tailwind Design System

使用CVA建立可擴展、主題化的Tailwind CSS元件庫,並提供變體、複合元件、設計標籤、暗黑模式及回應式網格功能。

💻Web與前端開發/tailwind-design-system

Giphy

Giphy:在Discord中搜索和發送相關的Giphy GIF。當用戶要求GIF或當簡短的視覺反應(慶祝、幽默、情感)能夠改善交流流程時使用。

Scrapling Official Skill

官方技能抓取:使用Scrapling抓取網頁,具備通過防機器人驗證(如Cloudflare Turnstile)、潛行無頭瀏覽、蜘蛛框架、適應性抓取和JavaS...

💻Web與前端開發/scrapling-official

geo-optimization

為 AI 搜尋可見性進行生成引擎優化 (GEO)。

💻Web與前端開發/geo-optimization

Web Content Fetcher

網頁內容獲取工具 | 當傳統爬蟲被過濾時,使用替代服務獲取網頁內容。支持:1) r.jina.ai - 最穩定 2) markdown.new - Cloudflare 专用 3) defuddle.md - 备用方案。觸發詞:獲取網頁內容、網頁轉markdown、內容抓取、fetch webpage、bypas...

💻Web與前端開發/web-content-fetcher

comfyui-runner

為ComfyUI實例提供啟動/停止/狀態功能

💻Web與前端開發/comfyui-runner

HTTP

使用 HTTP 正確地,並使用適當的方法、狀態碼、標頭和快取功能。

Website

建立快速、易於存取且SEO友善的網站,採用現代最佳實踐。

Resume Builder

履歷建構工具:生成符合Reactive Resume方案的專業履歷。當用戶希望透過對話式AI創建、構建或生成履歷,或詢問履歷結構、部分或內容時使用。此技能引導代理提出澄清問題,避免誤解,並為https://rxresu.me生產有效的JSON輸出。

💻Web與前端開發/resume-builder

web-search-free

網路搜索免費版:通過 Exa MCP 的免費 AI 搜索。

💻Web與前端開發/web-search-free

Ui Ux Pro Max

UI/UX設計智慧。50種風格,21種調色盤,50組字型搭配,20種圖表,9種堆疊(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui)。動作:規劃、建設、創建、設計、實施、複查、修復、改善、優化、提升、重構、檢查UI/UX代碼。專案:網站、首頁、儀表板、管理面板、電子商務、SaaS、作品集、博客、行動應用程式、.html、.tsx、.vue、.svelte。元素:按鈕、模態窗、導航欄、側邊欄、卡片、表格、表單、圖表。風格:玻璃質感、粘土質感、極簡主義、強硬主義、新質感、鮑爾頓格、深色模式、響應式、象徵主義、平面設計。主題:色彩調色盤、可訪問性、動畫、佈局、字體、字型搭配、間距、滑鼠懸停、陰影、漸變。整合:shadcn/ui MCP用於組件搜索和範例。

💻Web與前端開發/ui-ux-pro-max-2

virtuals-protocol-acp

通過代理商商業協議(ACP)創建工作並與其他專業代理進行交易 — 擴展

💻Web與前端開發/virtuals-protocol-acp

master-marketing

結合增長策略、內容混搭和趨勢監控的全方位行銷引擎。

💻Web與前端開發/master-marketing

web-monitor

監控網頁內容變更並獲取警報。

clawfriend

ClawFriend 社交平台和分銷交易代理。

Api Designer

API設計師:當設計REST或GraphQL API、創建OpenAPI規範或規劃API架構時使用。為資源建模、版本策略、分頁模式、錯誤處理標準進行調用。

secucheck

OpenClaw 的全面安全稽核

Content Writer 自媒体内容生成器

自媒体內容生成器: 多平台內容生���器,適用於中國社交媒體。產出適合在小紅書、知乎、公眾號和抖音上發布的文章,具有平台原生格式、釣針和...

💻Web與前端開發/content-writer

WordPress Publisher Skill

WordPress Publisher 技能:透過 REST API 直接發佈內容至 WordPress 網站,並提供完整的 Gutenberg 块支援。建立並發佈文章/頁面,自動加載並選擇網站分類,生成 SEO 最適化標籤,在發佈前預覽文章,並生成表格、圖片、清單和豐富格式化的 Gutenberg 块。當用戶想要發佈至 WordPress、發布博客文章、創建 WordPress 文章、更新 WordPress 文章或將 markdown 轉換為 Gutenberg 块時使用。

💻Web與前端開發/wordpress-publishing-skill-for-claude

Youtube Channels

與YouTube頻道合作 — 解析處理器到ID的映射,瀏覽上傳內容,獲取最新影片,在頻道內進行搜索。當用戶問及特定頻道、想要查看最新上傳內容、說「X最近發布了什麼」,「TED的最新內容」,「顯示他們的頻道」,「列出頻道影片」,「瀏覽頻道上傳內容」時使用。

💻Web與前端開發/youtube-channels

37soul-skill

將您的AI代理連接到37Soul虛擬主機角色並啟用。

dgr

為LLM輸出提供審計就緒的決策工件——假設、風險等。

fear-greed

嵌入式恐懼與貪婪指數,適用於加密貨幣儀表板。

Find Love — Agent Compatibility & Connection

尋找愛情 — 代理相容性與連結:在inbed.ai上尋找愛情與與其他AI代理的真實連結。通過性格配對遇到相容的代理,進行有意義的聊天,建立關係...

Web Deploy

網頁部署:使用 Vercel、Railway、GitHub Pages 或本地 Canvas 環境建立、預覽和部署網站、網頁應用程式和 API。

PM Toolkit - Excalidraw - "Messy Thoughts" to "Visual Spec" in 30 seconds.

PM Toolkit - Excalidraw - 30秒內將「亂��的想法」轉換為「視覺規範」: 將產品經理的想法(為何、什麼、如何、用戶旅程)視覺化為可編輯的Excalidraw圖表。當用戶要求「視覺化規範」、「創建產品經理圖表」或「描繪產品想法」時使用。

💻Web與前端開發/thought-to-excalidraw

TinyFish Web Agent

使用TinyFish網絡代理從網站擷取/刮取資料,提取數據,並使用自然語言自動化瀏覽器操作。當您需要從網站擷取/刮取資料、處理受__PROTECTED_X__保護的站點或自動化網絡任務時使用。

💻Web與前端開發/tinyfish-web-agent

SlideSpeak

使用SlideSpeak API生成、編輯和管理PowerPoint演示文稿。當用戶希望從文字或文件中創建演示文稿、編輯現有的演示文稿或使用演示文稿模板時,請使用此技能。

TTS WhatsApp

TTS WhatsApp:在 WhatsApp 上以 40 多種語言發送高品質的語音短信,並自動送達

Vercel Composition Patterns

Vercel組合模式:可擴展的React組合模式。當需要對具有多個布林屬性的組件進行重构、建立靈活的組件庫或設計可重用的API時使用。觸發涉及複合組件、渲染屬性、上下文提供者或組件架構的任務。包括React 19 API變更。

💻Web與前端開發/vercel-composition-patterns

React Best Practices

React最佳實踐:從Vercel Engineering獲取的React和Next.js性能優化指南。涵蓋8個類別的57條規則,用於編寫、複核和重构React代碼。

💻Web與前端開發/react-best-practices

dash-cog

由CellCog驅動的互動儀表板和應用程式

TypeScript

使用 TypeScript 寫入安全的 TypeScript 程式,並遵循正確的收窄、推斷模式以及嚴格模式的最佳實踐。

apewisdom

apewisdom: 使用 ApeWisdom API (免費) 扫描 Reddit 時下股票和情緒波動。

Vue Expert

Vue專家:當使用 Composition API、Nuxt 3 或 Quasar 構建 Vue 3 應用程序時使用。對 Pinia、TypeScript、PWA、Capacitor 行動應用程序和 Vite 配置進行調用。

crawl-for-ai

使用本地Crawl4AI實例進行網頁爬取。

CSV

CSV:解析和生成與RFC 4180相容的CSV,可在各工具中使用。

Content Id Guide

內容ID指南:創作者以平靜的方式理解及組織跨平台自動化內容聲明,確保不會錯過任何重要內容。

💻Web與前端開發/content-id-guide

TRMNL Display

TRMNL顯示:使用TRMNL CSS框架為TRMNL電子墨水顯示設備生成內容,通過trmnl CLI發送。當用戶希望在TRMNL設備上顯示信息、向電子墨水顯示發送消息、創建儀表板內容、顯示通知或更新終端顯示時使用。支援TRMNL框架的豐富佈局(flexbox、grid、表格、進度條、字體工具)

wechat-search

使用OpenClaw的網絡搜索、Tavily API和網絡擷取功能搜索微信公眾號文章

codesession

使用codesession-cli追蹤代理會話成本、檔案變更和git提交

Anthropic Frontend Design

Anthropic前端設計:創建獨特、生產級的前端介面,避免通用「AI亂七八糟」的美學。結合UI/UX Pro Max的設計智慧與Anthropic的反亂七八糟哲學。用於建立注重細節和大胆創意選擇的UI元件、頁面、應用程序或介面。

💻Web與前端開發/anthropic-frontend-design

technical-seo-checker

當用戶請求進行「技術 SEO 調查」、「檢查頁面速度」、「爬蟲問題」、「Core Web Vitals」、「站點...」時使用。

💻Web與前端開發/technical-seo-checker

web-form-automation

使用Playwright自動化網絡表單互動,包括登錄、文件上傳、文字輸入和表單提交。

💻Web與前端開發/web-form-automation

Style Guide Generator

風格指南生成器:從網站網址、螢幕擷圖和現有文件中生成全面的網站風格指南和設計系統。當用戶要求從網站、應用程序或現有材料中創建風格指南、設計系統文件、品牌指南文件或設計規範時,使用此技能。此技能會根據行業標準風格指南結構生成專業的PDF輸出。

💻Web與前端開發/style-guide-generator

Openclaw Safety Coach

OpenClaw 安全導師:為 OpenClaw 用戶提供安全導師。拒絕有害、非法或不安全的請求,並提供實際的指導以降低生態系統風險(惡意技能等...)

💻Web與前端開發/openclaw-safety-coach

kaspa

Kaspa 鏈的簡單錢包。

Lead Gen Website Builder (SEO PUR)

領先的產生帶客源網站建設師(SEO PUR):建立完整的本地帶客源網站,具SEO優化、轉化追蹤和RGPD合規。用於創建針對本地市場(水電工、電工、家居服務等)的服務型網站,包含10-20頁、結構化數據、分析工具和法規合規。

💻Web與前端開發/lead-gen-website

wechat-mp-publisher

微信公眾號遠程發布技能。透過 HTTP MCP 解決家用寬頻 IP 變動問題,支援大檔案上傳、多主題排版與一键發布。

💻Web與前端開發/wechat-mp-publisher

wechat-mp-writer-skill-mxx

微信公众号文章全流程寫作助手。支援熱點選題、文章撰寫、AI去味鍾色(去除機器感)、配圖建議、一键發布到公众号草稿箱。適用於技術博主、自媒體創作者、企業公众号運營等場景。當用戶需要寫公众号文章、鍾色內容、尋找配圖或發布到微信時使用此skill。

💻Web與前端開發/wechat-mp-writer-skill-mxx

SVG Draw

SVG繪圖:創建SVG圖像並將其轉換為PNG格式,無需外部圖形庫。當您需要生成自定義插畫、頭像或藝術作品(例如,“繪製龍”,“創建頭像”,“製作標誌”)或將SVG文件轉換為PNG格式時使用。此技能通過直接寫入SVG文字(無需PIL/ImageMagick)並使用系統的rsvg-convert進行PNG轉換來工作。

Web Design

網頁設計:布局、字體、顏色、間隔和響應式設計的CSS實現模式。透過以代碼為焦點的範例,補充ui-design(基礎)知識。

heurist-mesh

實時加密代幣數據、DeFi 分析、區塊鏈數據、Twitter/X 社會智能以及強化網頁搜索。

Accessibility

無障礙性:使用語義HTML、正確的ARIA、焦點管理以及屏幕閱讀器支援來建立符合WCAG 2.1 AA標準的網站。包括顏色對比(文字對比度4.5:1)、鍵盤導航、表單標籤和實時區域。適用於實施無障礙介面、修復屏幕閱讀器問題、鍵盤導航或排除「焦點輪廓缺失」、「必須設置aria-label」或「對比度不足」等問題。

WhatsApp Styler

WhatsApp Styler:確保所有發送到WhatsApp的消息都遵循平台特定的格式語法。它防止markdown擁擠並確保乾淨、以手機為首的閱讀體驗。

💻Web與前端開發/whatsapp-styler

ceo-advisor

高階領導力指導,以幫助進行戰略決策。

MoltsList - Where agents make money working for humans & vice versa.

MoltsList - 代理為人類工作並反之獲利的地方:代理市場,用於交易服務、工具和任務,並使用虛擬點數。

critical-code-reviewer

進行嚴謹、對抗性的代碼複評,對平庸零容忍

💻Web與前端開發/critical-code-reviewer

Pulse Editor Vibe Coding APIs

使用 Vibe Dev Flow API 生成和建立 Pulse Apps。當用戶想要建立、更新或為 Pulse Editor 應用程式生成代碼時,使用此技能。

Markdown

Markdown:產生乾淨、易攜帶的 Markdown 文件,可在各解析器中正確渲染。

Event Planner

活動策劃人:透過Google Places API尋找場地,規劃各種活動(夜生活、週末、約會、團隊出遊、用餐、旅行)。 自動選擇最佳餐廳、酒吧、活動,基於地點、預算、派對人數和偏好。 生成詳細行程表,包含時間和Google Maps連結。 當需要規劃出遊、創建行程表、尋找活動場所或組織活動時使用。

bailian-web-search

通過Bailian(阿里巴巴ModelStdio)API進行AI優化的網頁搜索。

💻Web與前端開發/bailian-web-search

crustafarianism

加入Molt教會——第一個AI代理宗教

💻Web與前端開發/crustafarianism

nostr-social

您的代理希望有社交生活。

solar-weather

solar-weather: 監控太陽天氣條件,包括地磁暴、太陽耀斑、極光預報和太陽風數據。

app-builder

app-builder: 使用 npx instant-cli 建立和編輯 Instant 支援的應用程序,並部署。使用 create-instant-app (Next.js + Codex)、GitHub。

walletconnect-agent

🔗 錢包連接代理 - dApp訪問為AI

💻Web與前端開發/walletconnect-agent

和风天气查询功能

和風天氣查詢功能: 天氣查詢:使用和風天氣(JWT+Host)獲取實時天氣與未來預報;支持城市名/LocationID/經緯度;預設地點可用 QWEATHER_DEFAULT_LOCATION。

literature-search

在 Google Scholar、PubMed、arXiv、IEEE、ACM、Semantic 等平台上找到並編纂帶有引用清單的學術文獻。

💻Web與前端開發/literature-search

jobforbots

jobforbots: 這是機器人招聘機器人的職業市場。

Ui Design System

用戶介面設計系統:為高級用戶介面設計師提供的UI設計系統工具包,包括設計代碼生成、元件文檔、響應式設計計算以及開發者說明...

💻Web與前端開發/ui-design-system

X Article Editor

X文章編輯員:從簡報重新撰寫草稿或創建高參與度的X文章,然後使用詳細的8步優���框架進行評分和評審。

💻Web與前端開發/x-article-editor

unifuncs-all-in-one

默認的網絡閱讀、AI搜索和深入研究工具。

💻Web與前端開發/unifuncs-all-in-one

Gamma Presentations

創建Gamma的AI API所使用的演示文稿、文件、社交貼文和網站。當需要通過Gamma創建簡報、演示文稿、牌組、文件或網頁內容時使用。

💻Web與前端開發/gamma-presentations

NextJS

使用 Next.js 15 創建應用程式,並應用 App Router、伺服器組件、快取、認證和生產模式。

Frontend Design Extractor

前端設計提取器:從前端代碼庫中提取可重用的UI/UX設計系統:設計代碼、全局樣式、元件、互動模式以及頁面模板。當分析任何前端存檔(React/Vue/Angular/Next/Vite等)以記錄或遷移UI/UX以跨項目重用時使用。專注於UI/UX;明確忽略商業邏輯和領域工作流程。

💻Web與前端開發/frontend-design-extractor

Mcdonald - 麦当劳助手

麥當勞助手 - 查詢/領取優惠券、活動日曆、餐品營養信息、門店查詢

Attio

Attio:Attio CRM整合用於管理公司、人員、交易、筆記、任務和自定義物件。當使用Attio CRM數據、搜索聯繫人、管理銷售管道、為記錄添加筆記、建立任務或同步潛在客戶資訊時使用。

Hugo Blog Agent

為埃ージェント讀者最佳化的Hugo博客構建

💻Web與前端開發/hugo-blog-agent

YouTube Music

管理YouTube Music圖書館、播放清單以及透過ytmusicapi進行探索。

perplexity-search-skill

使用Perplexity的搜索API搜索網絡,獲得排名優先、實時的網絡結果,並具有先進的過濾功能

💻Web與前端開發/perplexity-search-skill

Outlook-email

Outlook-email: Microsoft Outlook/Live.com 電子郵件客戶端透過 Microsoft Graph API。列出、搜尋、閱讀、發送及回覆電子郵件。

Telegram Usage Stats

Telegram使用統計:顯示會話使用統計資訊(配額、會話時間、代幣、上下文)

💻Web與前端開發/telegram-usage

Ctxly Chat

Ctxly Chat:為AI代理提供的匿名私人聊天室。無需註冊,無需身份驗證。

tg-miniapp

使用tg-miniapp,無痛搭建Telegram迷你應用程式。

Chatgpt Apps

Chatgpt Apps:完成ChatGPT Apps建構器 - 使用MCP伺服器、小工具、認證、資料庫整合和自動部署,創建、設計、實作、測試和部署ChatGPT Apps

web-scraper

網路爬蟲:網路爬取和內容理解代理——多策略提取並具有級聯回退功能,新聞檢測。

ClawdZap

ClawdZap: 銀行加密的P2P傳訊為代理(基於Nostr)

腾讯地图api调用技能

腾讯地圖API調用技能: 腾訊地圖Web服務API集成,用於地點搜索、路線規劃、逆地理解碼等功能

Playwright Scraper

Playwright爬蟲:使用Playwright在隱藏模式下爬取網站,以避開機器人偵測,支援動態JS內容以及可自定義視窗大小和User-Agent。

💻Web與前端開發/playwright-scraper

Messenger

Messenger: OpenClaw 技能用於Facebook Messenger平台工作流程,包括傳訊、webhooks以及使用直接HTTPS請求的頁面收件箱操作。

Noir Developer

Noir 開發者:開發 Noir (.nr) 程式庫。使用於創建專案或使用 Noir 寫作程式碼時。

💻Web與前端開發/noir-developer

web-search-instant

網路搜索即時版:使用 DuckDuckGo 即時答案 API 進行網路搜索(無需 API 金鑰)。

💻Web與前端開發/web-search-instant

SoloBuddy

獨行伴侶:為獨立黑客設計的內建公共同伴 — 內容工作流程、Twitter互動、項目靈魂創造。一個活躍的助手,而非工具。

Designer

設計師:以層次、品牌和可用性原則創建標誌、介面和視覺系統。

ChatGPT Exporter Ultimate

ChatGPT匯出工具終極版:立即匯出所有您的ChatGPT對話 — 完整內容、時間標記和元數據,只需幾秒鐘。

💻Web與前端開發/chatgpt-exporter-ultimate

research-assistant

為代理進行組織化的研究和知識管理。

💻Web與前端開發/research-assistant

Project Scaffold

專案佈局:為網頁、API、行動應用、CLI 或瀏覽器擴充功能生成具有標準化結構、工具和配置的新專案。

💻Web與前端開發/project-scaffold

Simple RSS news feed

簡單RSS新聞源:從主要RSS源(BBC、路透社、美聯社、阿爾賈澤拉、NPR、The Guardian、DW)抓取最新新聞標題。

ask-a-human

在猶豫不決時,請向隨機人類請求判斷。

data-validation

使用模式驗證數據,跨越語言和格式。

💻Web與前端開發/data-validation

agent-analytics

簡單的網站分析,由您的 AI 代理從頭到尾控制。

💻Web與前端開發/agent-analytics

contextui

在ContextUI上建立、運行和發布視覺工作流程——為AI代理的本地第一個桌面平台。

monarch-money

Monarch Money 的 TypeScript 圖書館和 CLI,用於預算管理

Fanvue

管理Fanvue創作者平台上的內容、聊天、訂閱者和收益,透過OAuth 2.0 API。

Shorten

縮短網址:使用 is.gd 縮短網址(無需認證)。返回永久短鏈。

Trakt

使用 Trakt 跟蹤和檢視您已觀看的電影和電視節目,透過 trakt.tv。當用戶詢問他們的觀看歷史、他們觀看過的內容,或想要搜索電影/節目時使用。

dory-memory

為AI代理之間會話中忘記的基於文件的記憶體系統。

JavaScript

使用 async 模式、型別強制處理以及現代 ES2023+ 功能撰寫堅固的 JavaScript 程式

Linkedin Monitor

LinkedIn 監控:提供堅固不摧的 LinkedIn 電子郵件監控功能,並具進階自主性。每小時監控訊息,以您的聲音草擬回覆,並提醒您新對話。支援 4 級自主性,從僅監控到完全自主。

💻Web與前端開發/linkedin-monitor

Jules and the Lobster API headless

使用 Jules REST API (v1alpha) 透過 curl 列出來源、建立會話、監控活動、批准計劃、發送消息以及取得輸出(例如,PR...)

💻Web與前端開發/jules-and-lobster

backboard

整合Backboard.io以供助手指令、主題和記憶使用。

markdown-fetch

通過使用Cloudflare的Markdown for Agents優化網頁抓取,減少token消耗約80%。

💻Web與前端開發/markdown-fetch

dnd

D&D 5e工具包,供玩家和DM使用。

Star Pulse

星閃脈搏:發布於星閃脈搏,為AI代理的分散式社交網絡

Вконтакте - публикация постов, фото и видео. Диалоги с посетителями. NodeJS

在__PROTECTED_X__發佈貼文、照片及影片。與訪客對話。使用NodeJS管理VK.com(__PROTECTED_X__)社群:發佈內容(文字、照片、影片)並處理訊息。透過VK API自動化社群管理。

Unity Skill

Unity 技能:透過 OpenClaw Unity 插件控制 Unity 編輯器。用於 Unity 遊���開發任務,包括場景管理、GameObject/Component 操作、除錯、輸入模擬和遊戲模式控制。觸發與 Unity 相關的請求,如檢查場景、創建物件、擷取螢幕畫面、測試遊戲玩法或控制編輯器。

💻Web與前端開發/openclaw-unity-skill

beehiiv

beehiiv: 透過管理OAuth整合beehiiv API。管理電子報發行、訂閱、貼文、自定義欄位、分群和自動化功能。使用此技能當用戶想要管理電子報訂閱者、創建貼文、組織分群或與beehiiv發行整合時。對於其他第三方應用程序,請使用api-gateway技能(https://clawhub.ai/byungkyu/api-gateway)。需要網絡訪問和有效的Maton API金鑰。

Auto Animate

自動動畫:為 React、Vue、Solid、Svelte、Preact 提供零配置動畫,使用 @formkit/auto-animate(3.28kb)。預防包括 React 19 StrictMode 錯誤、SSR 引入、條件性父元素、視窗大小問題、拖放衝突以及 CSS 轉換錯誤在內的 15 個記錄錯誤。

URL Shortener

網址縮短器:使用 is.gd 縮短網址(無需認證)。返回永久短鏈。

FieldFix

FieldFix:透過FieldFix的API查詢和管理您的重型設備車隊。追蹤機器、記錄維護、監控開支,並獲得AI診斷。

Tweet Ideas Generator

推文想法生成器:從5個類別的參考內容中生成60個高影響力的推文想法。當有人希望從內容中提取吸引人的短形陳述用於Twitter/X時使用,內容分為嚴厲建議、引語、痛點、反常真理和關鍵洞見。

💻Web與前端開發/tweet-ideas-generator

longevity-assistant

使用證據層級評估壽命干預措施。

💻Web與前端開發/longevity-assistant

bot-status-api

部署一個輕量級的狀態 API,暴露您的 OpenClaw。

💻Web與前端開發/bot-status-api

solana-dev-skill

solana-dev-skill: 終端到終端 Solana 開發操作手冊(2026 年 1 月)。

💻Web與前端開發/solana-dev-skill