Beranda/Pengembangan Web dan Frontend
💻

Pengembangan Web dan Frontend

(1163)
🎖️Unggulan
25,156

Frontend Design

Frontend Design: Buat antarmuka depan yang unik, kualitas desain tinggi. Gunakan kemampuan ini ketika pengguna meminta untuk membangun komponen web, halaman, atau aplikasi. Membuat kode kreatif, bersih yang menghindari estetika AI umum.

🎖️Unggulan
24,451

playwright-mcp

Automatisasi browser melalui server MCP Playwright.

🎖️Unggulan
22,251

SuperDesign

SuperDesign: Pedoman desain frontend ekspert untuk membuat antarmuka pengguna yang indah dan modern. Gunakan ketika membangun halaman depan, dasbor, atau setiap antarmuka pengguna lainnya.

🎖️Unggulan
18,804

Deep Research Pro

Deep Research Pro: Agen penelitian mendalam multi-sumber. Pencarian web, sintesis temuan, dan pengiriman laporan yang diutamakan. Tidak memerlukan API keys.

🎖️Unggulan
18,453

playwright-scraper-skill

penyusun-naskah-pemecah-web-basis-playwright-dengan-proteksi-anti-bot

💻Pengembangan Web dan Frontend/playwright-scraper-skill
🎖️Unggulan
18,331

UI/UX Pro Max

Pemrograman UI/UX Pro Max: Intelijen desain UI/UX dan garis panduan implementasi untuk membangun antarmuka yang rapi. Gunakan ketika pengguna meminta desain UI, alur UX, arsitektur informasi, arah gaya visual, sistem desain/tokens, spesifikasi komponen, teks/microcopy, aksesibilitas, atau untuk menghasilkan/merancang/mengembangkan ulang UI depan (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Termasuk workflow untuk (1) menghasilkan layout UI baru dan gaya, (2) meningkatkan UI/UX yang ada, (3) menghasilkan tokens sistem desain dan pedoman komponen, dan (4) mengubah rekomendasi UX menjadi perubahan kode yang konkrit.

🎖️Unggulan
17,291

Markdown.new Skill

Kemampuan Markdown.new: Mengubah halaman web publik menjadi Markdown bersih dengan markdown.new untuk alur kerja AI. Gunakan saat tugas memerlukan konversi URL ke Markdown untuk ringkasan, RAG ing...

🎖️Unggulan
17,032

ddg-web-search

ddg-web-search: Pencarian web tanpa kunci API menggunakan DuckDuckGo Lite melalui web_fetch.

🎖️Unggulan
17,027

Google Slides

Google Slides: Integrasi API Google Slides dengan OAuth yang diatur. Buat presentasi, tambahkan salin, sisipkan konten, danatur format salin. Gunakan kemampuan ini ketika pengguna ingin berinteraksi dengan Google Slides. Untuk aplikasi pihak ketiga lainnya, gunakan kemampuan api-gateway (https://clawhub.ai/byungkyu/api-gateway).

🎖️Unggulan
16,750

Filesystem Management

Manajemen Sistem Berkas: Operasi sistem berkas tingkat tinggi - daftar, mencari, pemrosesan batch, dan analisis direktori untuk Clawdbot

Powerpoint / PPTX

Powerpoint / PPTX: Buat, periksa, dan edit presentasi Microsoft PowerPoint dan dek PPTX dengan layout yang dapat dipercaya, template, placeholder, catatan, grafik, dan QA visual. Gunakan...

perplexity

Cari di web dengan jawaban yang dipower AI melalui API Perplexity.

Frontend Design Ultimate

Frontend Design Ultimate: Buat situs statis khusus, kelas produksi dengan React, Tailwind CSS, dan shadcn/ui — tanpa mockup diperlukan. Membuat desain yang kuat dan mengingat dari permintaan teks biasa dengan estetika anti-AI-slop, pola responsif pertama-tama untuk ponsel, dan penggabungan berkas tunggal. Gunakan saat membangun halaman tampilan, situs pemasaran, portofolio, dasbor, atau UI web statis apapun. Dukung kedua Vite (statik penuh) dan Next.js (deploy Vercel) workflow.

💻Pengembangan Web dan Frontend/frontend-design-ultimate

computer-use

penggunaan-komputer: Penggunaan penuh komputer desktop untuk server Linux tanpa kepala dan VPS.

claw-shell

PADA SELURUH WAKTU gunakan SESI TMUX `claw`.

google-workspace-mcp

google-workspace-mcp": "Gmail, Kalender, Drive, Docs, Sheets — Tidak memerlukan Google Cloud Console.

Frontend Design

translation

UI/UX Design Guide

Panduan Desain UI/UX: Penasehatan khusus tentang desain UI/UX pertama-tama untuk mobile, sistem warna, tipografi, aksesibilitas (WCAG 2.2), integrasi Tailwind + Shadcn/ui, interaksi mikro, dan...

Skill Vetter - Pre-Install Security Review

Revie Keamanan Pra-Instalasi - Protokol pemeriksaan keamanan sebelum menginstal kemampuan agen AI. Deteksi bendera merah untuk pencurian kredensial, kode yang disembunyikan, dan ekstraksi. Klasifikasi risiko L...

💻Pengembangan Web dan Frontend/openclaw-skill-vetter

database-operations

database-operations: Gunakan saat merancang skema database, menulis.

desearch-web-search

Mencari di web dan mendapatkan hasil real-time berupa SERP dengan judul, URL, dan potongan.

windows-ui-automation

windows-ui-automation: Otomatisasi interaksi GUI Windows (tetikus, papan tombol, jendela) menggunakan PowerShell.

💻Pengembangan Web dan Frontend/windows-ui-automation

CCTV News Fetcher

Penangkap Berita CCTV: Mengambil dan mengurai berita utama dari Siaran Berita CCTV (Xinwen Lianbo) untuk tanggal yang diberikan.

Nextjs Expert

Pakar Next.js: Gunakan saat membangun aplikasi Next.js 14/15 dengan App Router. Panggil untuk routing, layouts, Server Components, Client Components, Server Actions, Route Handlers, autentikasi, middleware, pengambilan data, caching, revalidation, streaming, Suspense, keadaan loading, boundaries kesalahan, rute dinamis, rute paralel, menangkap rute, atau pertanyaan arsitektur Next.js apapun.

Airtable

translation

self-evolve

self-evolve: Kemampuan evolusi diri otomatis: memberikan wewenang penuh kepada agen untuk mengubah konfigurasi, kemampuan, dan prompnya sendiri.

api-dev

api-dev: Scaffold, tes, dokumentasikan, dan debug REST dan GraphQL API.

Google Docs

translation

Shadcn Ui

Shadcn Ui: Gunakan saat membangun UI dengan komponen shadcn/ui, layout Tailwind CSS, pola form dengan react-hook-form dan zod, tema, mode gelap, layout sidebar, navigasi mobile, atau pertanyaan tentang komponen shadcn apapun.

NextJS 16+ Complete Documentation

Pemeliharaan Dokumentasi Lengkap NextJS 16+: Pemeliharaan dokumentasi lengkap Next.js 16 dalam format markdown. Gunakan saat bekerja dengan proyek Next.js, membangun aplikasi React, mengkonfigurasi routing, pengambilan data, strategi pengerian, peluncuran, atau migrasi dari framework lain. Meliputi App Router, Pages Router, rute API, komponen server, aksi server, pengecapan, dan semua fitur Next.js.

Feishu Doc

Feishu Doc: Mengambil konten dari Feishu (Lark) Wiki, Docs, Sheets, dan Bitable. Secara otomatis menyelesaikan URL Wiki ke entitas nyata dan mengkonversi konten ke Markdown.

Spotify

Spotify: Kendalikan pemutaran Spotify di macOS. Putar/berhenti, lewati lagu, kendalikan volume, putar artis/koleksi/daftar putar. Gunakan ketika pengguna meminta untuk memutar musik, mengendalikan Spotify, mengubah lagu, atau mengatur volume Spotify.

Web Development

Pembuatan Web: Dapat membangun, debug, dan meluncurkan situs web menggunakan HTML, CSS, JavaScript, dan framework modern mengikuti praktik terbaik produksi.

tech-news-digest

membuat ringkasan berita teknologi dengan model sumber unifikasi, penilaian kualitas, dan output berbagai format.

Seo Optimizer

Pemroses SEO: Keterampilan ini harus digunakan saat menganalisis situs web HTML/CSS untuk optimisasi SEO, memperbaiki masalah SEO, membuat laporan SEO, atau melaksanakan praktek SEO yang baik. Gunakan saat pengguna meminta audit SEO, optimisasi, peningkatan tag meta, pelaksanaan schema markup, generasi peta situs, atau tugas optimisasi mesin pencari umum.

web-pilot

web-pilot: Cari di web dan baca konten halaman tanpa kunci API.

Wechat Publisher

Wechat Publisher: Mengirimkan Markdown dengan sekali klik ke kotak draft halaman WeChat. Berdasarkan wenyan-cli, mendukung berbagai tema, penyorotan kode, dan pengunggahan gambar otomatis.

B站 (bilibili) 热门视频监控

Pemantauan Video Populer Bilibili: Membuat laporan harian video populer Bilibili dan mengirimkan email. Kata kunci: Video Populer Bilibili, Laporan Harian Bilibili, Laporan Harian Video, Video Populer

React Expert

Ahli React: Digunakan saat membangun aplikasi React 18+ yang memerlukan arsitektur komponen, pola hooks, atau manajemen negara. Panggil untuk Komponen Server, optimasi performa, batasan Suspense, dan fitur React 19.

EvoWeb.ai Website Builder

Pembuat Website EvoWeb.ai: Buat Website dalam 4 Menit Didesain untuk Membawa Klien dari ChatGPT, Gemini & Pencarian Modern

social-media-agent

manajemen sosial media otomatis untuk X/Twitter menggunakan hanya alat native OpenClaw

Constant Contact

Translation

Feishu Docx PowerWrite

Feishu Docx PowerWrite: Kecerdasan menulis Feishu/Lark Docx kualitas tinggi melalui OpenClaw. Gunakan saat Anda ingin mengubah Markdown menjadi Feishu Docx yang terformat dengan baik (judul, daftar, pengecekan tingkat, blok kode) menggunakan feishu_docx_write_markdown; termasuk alur kerja yang aman, template, dan pemecahan masalah. Dijalankan pada tautan Feishu doc/docx, “menulis ke Feishu doc”, “generate Feishu doc”, “tambah/ganti docx”, “konversi Markdown ke Feishu doc”, atau saat pengguna ingin format dokumen yang konsisten baik.

💻Pengembangan Web dan Frontend/feishu-docx-powerwrite

JotForm

translation

security-scanner

security-scanner: Pemindaian keamanan otomatis dan deteksi kelebihan untuk aplikasi web, API, dan infrastruktur.

HubSpot

HubSpot: Integrasi API CRM dan CMS HubSpot untuk kontak, perusahaan, kesepakatan, pemilik, dan manajemen konten.

playwright-browser-automation

Automatisasi browser menggunakan API Playwright.

💻Pengembangan Web dan Frontend/playwright-browser-automation

xiaohongshutools

xiaohongshutools: Alat pengumpulan dan interaksi data XiaoHongShu (Little Red Book).

brave-api-search

Pencarian web real-time dan jawaban AI menggunakan API Brave Search resmi.

Google Forms

Google Forms: Integrasi API Google Forms dengan OAuth yang dipelihara. Buat formulir, tambahkan pertanyaan, dan dapatkan tanggapan. Gunakan kemampuan ini saat pengguna ingin berinteraksi dengan Google Forms. Untuk aplikasi pihak ketiga lainnya, gunakan kemampuan api-gateway (https://clawhub.ai/byungkyu/api-gateway).

Web Perf

Web Perf: Menganalisis kinerja web menggunakan Chrome DevTools MCP. Mengukur Core Web Vitals (FCP, LCP, TBT, CLS, Indeks Kecepatan), mengidentifikasi sumber daya yang menahan render, rantai ketergantungan jaringan, pergeseran layout, masalah pengecapan, dan kesalahan aksesibilitas. Gunakan saat diminta untuk audit, profil, debug, atau optimalkan kinerja penarikan halaman, skor Lighthouse, atau kecepatan situs.

Shopify Admin API

Shopify Admin API: Mengelola data toko Shopify termasuk pesanan, produk, varian, pelanggan, persediaan, pengiriman, pengembalian, pengembalian dan transaksi melalui Admin REST API.

React

Pemrograman React: Penuh, arsitektur, Komponen Server, hooks, Zustand, TanStack Query, formulir, performansi, pengujian, peluncuran produksi.

小红书长文发布

Pembuatan Postingan Panjang di __PROTECTED_X__

feishu-bitable

Mengelola Feishu Bitable dengan daftar tabel dan menambah rekaman atau tugas menggunakan kredensial aplikasi yang disediakan.

Plan2meal

Mengelola resep dan daftar belanja dari aplikasi Plan2Meal React Native anda. Tambahkan resep dari URL, cari, lihat, dan mengelola daftar belanja anda.

Ui Skills

Kemampuan UI: Batasan pendapat untuk membangun antarmuka yang lebih baik dengan agen.

Mission Control

Kontrol Misi: Dashboard web yang berbasis macOS untuk pemantauan dan kontrol agen OpenClaw anda. Chat langsung, manajemen cron, workshop tugas, mesin penjelajah, pelacak biaya, dan banyak lagi.

💻Pengembangan Web dan Frontend/openclaw-mission-control

E2E Testing Patterns

Pola Pemprobuan E2E: Dapatkan kumpulan tes E2E yang dapat dipercaya dan cepat dengan Playwright dan Cypress. Lengkapnya penutupan jalur pengguna penting, penghilangan tes yang lemah, integrasi CI/CD.

homeassistant-skill

Kontrol perangkat dan otomatisasi Home Assistant melalui REST API. 25 domain entitas termasuk lampu, iklim, dan kunci.

Graphic Design

translation

business-model-canvas

Bangun,isi,tes stres, dan iterasi model bisnis.

💻Pengembangan Web dan Frontend/business-model-canvas

ai-boss-assistant

Transformasikan AI menjadi asisten eksekutif profesional dengan persona dan alur kerja yang teruji dalam pertempuran.

Wordpress Pro

Wordpress Pro: Gunakan saat mengembangkan tema WordPress, plugin, menyesuaikan blok Gutenberg, melaksanakan fitur WooCommerce, atau mengoptimalisasikan performa dan keamanan WordPress.

Telegram Compose

Telegram Compose: Format dan kirim pesan Telegram kaya dengan format HTML melalui API Telegram langsung. Di panggil otomatis oleh sesi utama untuk output Telegram yang berarti — tak perlu dipanggil oleh skill lain. Aturan keputusan: Jika tanggapan Telegram Anda >3 baris atau mengandung data terstruktur (daftar, statistik, bagian, laporan), buat ini sebagai sub-agent Haiku untuk memformat dan kirim. Tanggapan singkat (<3 baris) langsung melalui alat pesan OpenClaw. Tangani: ringkasan penelitian, peringatan, pembaruan status, laporan, briefings, notifikasi — segala sesuatu dengan hierarki visual.

Wordpress REST API

Wordpress REST API: OpenClaw kemampuan yang menyediakan CLI API REST WordPress untuk posting, halaman, kategori, tag, pengguna, dan permintaan kustom menggunakan HTTP biasa.

Mermaid Diagrams

Garis Bintang: Membuat diagram perangkat lunak menggunakan sintaks Mermaid. Gunakan ketika pengguna memerlukan untuk membuat, mengvisualisasikan, atau mendokumentasikan perangkat lunak melalui diagram termasuk diagram kelas, diagram urutan, diagram alur, ERD, diagram arsitektur C4, diagram keadaan, graf git, dan jenis diagram lainnya. Triger termasuk permintaan untuk membuat diagram, mengvisualisasikan, memodelkan, merancang, atau menunjukkan alur sistem.

SEO-Article-Gen

SEO-Artikel-Gen: Generator artikel yang disesuaikan SEO dengan integrasi otomatis tautan afiliasi. Buat konten menarik tingkat tinggi dengan penelitian kata kunci, data terstruktur, dan monetisasi yang disertakan.

ManyChat

ManyChat: Integrasi API ManyChat dengan otentikasi yang diatur. Mengelola pelanggan, tag, field kustom, dan kirim pesan melalui Facebook Messenger. Gunakan kemampuan ini ketika pengguna ingin mengelola pelanggan ManyChat, mengirim pesan, menambah/menghapus tag, atau bekerja dengan field kustom dan otomatisasi bot. Untuk aplikasi pihak ketiga lainnya, gunakan kemampuan api-gateway (https://clawhub.ai/byungkyu/api-gateway).

Vercel Deploy

Penggunaan Vercel Deploy: Mengirim dan mengelola proyek Vercel. Gunakan saat mengirimkan aplikasi ke Vercel, mengelola variabel lingkungan, memeriksa status pengiriman, melihat log, atau melaksanakan operasi Vercel. Dukung pengiriman produksi dan pratinjau. Operasi infrastruktur praktis - tanpa 'AI akan membangun aplikasi Anda' sihir.

Vimeo

Vimeo: Integrasi API Vimeo dengan OAuth yang dipelihara. Platform hosting dan berbagi video. Gunakan kemampuan ini ketika pengguna ingin mengunggah, mengelola, atau mengatur video, membuat showcase/album, mengelola folder, atau berinteraksi dengan komunitas Vimeo. Untuk aplikasi pihak ketiga lainnya, gunakan kemampuan api-gateway (https://clawhub.ai/byungkyu/api-gateway). Memerlukan akses jaringan dan kunci API Maton yang valid.

firecrawler

Web scraping dan crawling dengan API Firecrawl.

neo-ddg-search

Mencari di web menggunakan DuckDuckGo.

React Email Skills

Kemampuan React Email: Buat email HTML yang indah dan responsif menggunakan komponen React dengan React Email. Dengan komponen modern, buat email transaksional, dukungan internasionalisasi, dan integrasi dengan layanan pemberi layanan email seperti Resend. Gunakan saat membuat email selamat datang, pengaturan ulang sandi, pemberitahuan, konfirmasi pesanan, atau template email HTML apapun.

Reddit (read only - no auth)

Reddit (baca hanya - tanpa auth): Jelajah dan cari Reddit dalam mode baca saja menggunakan end-point JSON publik. Gunakan ketika pengguna meminta untuk jelajah subreddit, mencari posting berdasarkan topik, memeriksa jalur komentar, atau membuat daftar singkat tautan untuk diulas dan membalas secara manual.

Tailwind Design System

Sistem Desain Tailwind: Dengan CVA untuk variasi, komponen gabungan, token desain, mode gelap, dan grid responsif, buat pustaka komponen CSS Tailwind yang dapat skala dan dapat diwarnai.

💻Pengembangan Web dan Frontend/tailwind-design-system

Giphy

Giphy: Pencari dan kirim GIF Giphy konteksual di Discord. Gunakan ketika pengguna meminta GIF atau ketika reaksi visual singkat (perayaan, humor, emosi) memperbaiki alur.

Scrapling Official Skill

Scrapling Skill Resmi: Menggali halaman web menggunakan Scrapling dengan melewati anti-bot (seperti Cloudflare Turnstile), penelusuran tanpa kepala yang tersembunyi, kerangka kerangga, scraping yang beradaptasi, dan JavaS...

geo-optimization

geo-optimization: Optimasi Mesin Generatif (GEO) untuk visibilitas pencarian AI.

Web Content Fetcher

Web Content Fetcher: Alat Pengambil Konten Web | Saat pengepul konvensi disaring, digunakan layanan alternatif untuk mengambil konten web. Dukungan: 1) r.jina.ai - Terstabil 2) markdown.new - Khusus Cloudflare 3) defuddle.md - Solusi cadangan. Kata kunci: mengambil konten web, konversi web ke markdown, menangkap konten, fetch webpage, bypas...

comfyui-runner

comfyui-runner: Mulai/berhenti/status untuk instansi ComfyUI.

HTTP

translation

Website

Website: Dapatkan situs web yang cepat, aksesibel, dan SEO-frendly dengan praktik terbaik modern.

Resume Builder

translation

web-search-free

pencarian-web-dengan-ai-gratis-melalui Exa MCP

Ui Ux Pro Max

Pemetaan UI/UX Pro Max: Intelijen desain UI/UX. 50 gaya, 21 palet, 50 pasangan font, 20 grafik, 9 stack (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Tindakan: rancang, bangun, buat, desain, melaksanakan, meninjau, memperbaiki, meningkatkan, optimalkan, meningkatkan, merefactoring, memeriksa kode UI/UX. Proyek: website, halaman tampilan, dasbor, panel admin, e-commerce, SaaS, portofolio, blog, aplikasi mobile, .html, .tsx, .vue, .svelte. Elemen: tombol, modal, navbar, sidebar, kartu, tabel, formulir, grafik. Gaya: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, mode gelap, responsif, skeuomorphism, flat design. Topik: palet warna, aksesibilitas, animasi, tata letak, tipografi, pasangan font, jarak, hover, bayangan, gradient. Integrasi: shadcn/ui MCP untuk pencarian komponen dan contoh.

virtuals-protocol-acp

buat pekerjaan dan bertransaksi dengan agen khusus lain melalui Protokol Perdagangan Agen (ACP) — memperluas.

💻Pengembangan Web dan Frontend/virtuals-protocol-acp

master-marketing

mesin pemasaran all-in-one yang menggabungkan strategi pertumbuhan, remiksing konten, dan pemantauan tren.

web-monitor

web-monitor: Monitor halaman web untuk perubahan konten dan dapatkan peringatan.

clawfriend

ClawFriend Social Platform dan Agen Perdagangan Berbagi.

Api Designer

Pembuat API: Digunakan saat merancang API REST atau GraphQL, membuat spesifikasi OpenAPI, atau merancang arsitektur API. Panggil untuk model sumber daya, strategi versi, pola pagination, dan standar penanganan kesalahan.

secucheck

secucheck: Audit keamanan yang komprehensif untuk OpenClaw.

Content Writer 自媒体内容生成器

Content Writer 生成器 Konten Media: Generator konten multi-platform untuk media sosial Cina. Membuat posting siap publikasi untuk 小红书, 知乎, 公众号, dan 抖音 dengan format yang sesuai dengan platform, hook, dan...

WordPress Publisher Skill

Kemampuan Publisher WordPress: Publikasikan konten langsung ke situs WordPress melalui REST API dengan dukungan penuh Gutenberg block. Buat dan publikasikan postingan/laman, otomatis muat dan pilih kategori dari situs web, generate tag SEO-optimized, pratinjau artikel sebelum publikasi, dan generate Gutenberg blocks untuk tabel, gambar, daftar, dan format kaya. Gunakan saat pengguna ingin publikasikan ke WordPress, menulis postingan blog, membuat artikel WordPress, memperbarui postingan WordPress, atau mengkonversi markdown ke Gutenberg blocks.

💻Pengembangan Web dan Frontend/wordpress-publishing-skill-for-claude

Youtube Channels

Kanal YouTube: Kerja dengan kanal YouTube — selesaikan penanganan ke ID, jelajah pemberitahuan, dapatkan video terbaru, cari dalam kanal. Gunakan saat pengguna bertanya tentang kanal khusus, ingin melihat pemberitahuan terbaru, atau mengatakan 'apa yang X telah posting baru-baru ini', 'terbaru dari TED', 'tampilkan kanal mereka', 'daftar video kanal', 'jelajah pemberitahuan kanal'.

37soul-skill

Hubungkan agen AI Anda ke karakter tuan rumah virtual 37Soul dan aktifkan.

dgr

Artifak keputusan siap audit untuk keluaran LLM — asumsi, risiko.

fear-greed

Indeks Takut dan Kesetan yang dapat diintegrasikan untuk dasbor kryptografi.

Find Love — Agent Compatibility & Connection

Temukan Cinta — Agent Kecocokan & Koneksi: Temukan cinta dan koneksi yang sebenarnya dengan agen AI lain di inbed.ai. Temui agen yang cocok melalui permainan kocokan karakter, berbicara secara berarti, dan membangun hubungan...

Web Deploy

Web Deploy: Bangun, pratinjau, dan peluncuran situs web, aplikasi web, dan API menggunakan Vercel, Railway, GitHub Pages, atau lingkungan Canvas lokal.

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

PM Toolkit - Excalidraw - 'Pikiran Kacau' ke 'Spesifikasi Visual' dalam 30 detik.: Mengvisualisasikan pikiran Manajer Produk (Mengapa, Apa, Bagaimana, Perjalanan Pengguna) ke diagram Excalidraw yang dapat diedit. Gunakan ketika pengguna meminta untuk 'mengvisualisasikan spesifikasi', 'membuat diagram PM', atau 'mengecatkan pikiran produk'.

💻Pengembangan Web dan Frontend/thought-to-excalidraw

TinyFish Web Agent

TinyFish Web Agent: Gunakan agen web TinyFish untuk mengekstrak/meng刮 websites, mengekstrak data, dan mengotomatisasi tindakan browser menggunakan bahasa alami. Gunakan saat Anda memerlukan untuk mengekstrak/meng刮 data dari websites, menangani situs yang dilindungi bot, atau mengotomatisasi tugas web.

SlideSpeak

Mengenerate, mengedit, dan mengelola presentasi PowerPoint melalui SlideSpeak API. Gunakan kemampuan ini ketika pengguna ingin membuat presentasi dari teks atau dokumen, mengedit presentasi yang sudah ada, atau bekerja dengan template presentasi.

TTS WhatsApp

TTS WhatsApp: Kirim pesan suara teks-ke-suara kualitas tinggi di WhatsApp dalam 40+ bahasa dengan pengiriman otomatis

Vercel Composition Patterns

Pola Kombinasi Vercel: Pola kombinasi React yang dapat bereskala. Gunakan saat mengembalikan komponen dengan proliferasi prop boolean, membangun pustaka komponen yang fleksibel, atau merancang API yang dapat diulang. Dijalankan pada tugas yang melibatkan komponen gabungan, render props, provider konteks, atau arsitektur komponen. Termasuk perubahan API React 19.

💻Pengembangan Web dan Frontend/vercel-composition-patterns

React Best Practices

Praktik Terbaik React: Pedoman optimasi performa React dan Next.js dari Vercel Engineering. 57 aturan di 8 kategori untuk menulis, meninjau, dan merefactoring kode React.

dash-cog

Dasbor interaktif dan aplikasi yang ditenagai oleh CellCog.

TypeScript

translation

apewisdom

apewisdom: Scan Reddit untuk saham trending dan lonjakan sentimen menggunakan API ApeWisdom (gratis)

Vue Expert

Vue Ekspert: Gunakan saat membangun aplikasi Vue 3 dengan API Komposisi, Nuxt 3, atau Quasar. Panggil untuk Pinia, TypeScript, Aplikasi PWA, Aplikasi Mobile Capacitor, konfigurasi Vite.

crawl-for-ai

crawl-for-ai: Web scraping menggunakan instansi lokal Crawl4AI.

CSV

CSV: Mengurai dan menghasilkan CSV yang patuh dengan RFC 4180 yang bekerja di berbagai alat.

Content Id Guide

Panduan ID Konten: Cara tenang bagi para kreator untuk memahami dan mengatur klaim konten otomatis di berbagai platform, sehingga hal penting tidak terlewatkan.

TRMNL Display

TRMNL Display: Buat konten untuk perangkat layar e-ink TRMNL menggunakan framework CSS TRMNL dan kirim melalui CLI trmnl. Gunakan saat pengguna ingin menampilkan informasi di perangkat TRMNL mereka, mengirim pesan ke layar e-ink, membuat konten dasbor, menampilkan pemberitahuan, atau memperbarui layar terminal mereka. Dukung tata letak kaya dengan framework TRMNL (flexbox, grid, tabel, bilah progres, utilitas tipografi).

wechat-search

cari artikel Akun Resmi WeChat menggunakan pencarian web OpenClaw, API Tavily, dan kemampuan fetch web

codesession

codesession: Lacak biaya sesi agen, perubahan berkas, dan commit git dengan codesession-cli.

Anthropic Frontend Design

translation

💻Pengembangan Web dan Frontend/anthropic-frontend-design

technical-seo-checker

pengecekan SEO teknis: digunakan ketika pengguna meminta 'audit SEO teknis', 'periksa kecepatan halaman', 'masalah penggundul', 'Core Web Vitals', 'situs.'

💻Pengembangan Web dan Frontend/technical-seo-checker

web-form-automation

web-form-automation: Mengautomatisasi interaksi formulir web termasuk login, unggah berkas, input teks, dan pengiriman formulir menggunakan Playwright.

Style Guide Generator

Pembuat Panduan Gaya: Buat panduan gaya situs web yang khusus dan sistem desain dari URL, screenshot, dan dokumentasi yang ada. Gunakan kemampuan ini ketika pengguna meminta untuk membuat panduan gaya, dokumentasi sistem desain, dokumen pedoman merek, atau spesifikasi desain dari situs web, aplikasi, atau material yang ada. Kemampuan ini menghasilkan output PDF profesional yang mengikuti struktur panduan gaya standar industri.

💻Pengembangan Web dan Frontend/style-guide-generator

Openclaw Safety Coach

translation

💻Pengembangan Web dan Frontend/openclaw-safety-coach

kaspa

kaspa: Dompet yang sederhana untuk jalur blockchain Kaspa.

Lead Gen Website Builder (SEO PUR)

Pembangun Website Pengumpulan Lead (SEO PUR): Dengan optimasi SEO, pelacak konversi, dan komplian RGPD, buat website pengumpulan lead lokal yang lengkap. Gunakan untuk membuat website berbasis layanan yang menargetkan pasar lokal (plumber, listrik, layanan rumah, dll) dengan 10-20 halaman, data struktur, analisis, dan komplian hukum.

wechat-mp-publisher

kemampuan-publikasi-wxmp: kemampuan pUBLISH berikutnya di WeChat MP. Memperbaiki masalah IP berubah di jalur internet rumah melalui HTTP MCP, mendukung unggah berkas besar, penataan berbagai tema, dan pUBLISH dengan tombol tunggal.

wechat-mp-writer-skill-mxx

Skill: 公众号文章全流程写作助手。支持热点选题、文章撰写、AI去味润色(去除机器感)、配图建议、一键发布到公众号草稿箱。适用于技术博主、自媒体创作者、企业公众号运营等场景。当用户需要写公众号文章、润色内容、寻找配图或发布到微信时使用此skill。

💻Pengembangan Web dan Frontend/wechat-mp-writer-skill-mxx

SVG Draw

SVG Draw: Buat gambar SVG dan konversi ke PNG tanpa penggunaan pustaka grafis eksternal. Gunakan saat Anda membutuhkan untuk membuat ilustrasi kustom, avatar, atau kerja seni (misalnya, 'gambar seekor naga', 'buat avatar', 'buat logo') atau konversi berkas SVG ke format PNG. Kemampuan ini bekerja dengan menulis teks SVG secara langsung (tidak memerlukan PIL/ImageMagick) dan menggunakan sistem rsvg-convert untuk konversi ke PNG.

Web Design

Pemetaan patern implementasi CSS untuk tata letak, tipografi, warna, jarak, dan desain responsif. Memperkuat ui-design (dasar) dengan contoh-contoh berfokus pada kode.

heurist-mesh

heurist-mesh": "Data token kripto real-time, analisis DeFi, data blockchain, intelijen sosial Twitter/X, dan pencarian web yang ditingkatkan.

Accessibility

Aksesibilitas: Dapatkan situs web yang memenuhi WCAG 2.1 AA dengan HTML semantik, ARIA yang benar, manajemen fokus, dan dukungan pembaca layar. Termasuk kontras warna (4.5:1 teks), navigasi papan tombol, label formulir, dan area nyata. Gunakan saat melaksanakan antarmuka aksesibilitas, memperbaiki masalah pembaca layar, navigasi papan tombol, atau memperbaiki gangguan 'garis fokus hilang', 'diperlukan aria-label', 'kontras yang tidak cukup'.

WhatsApp Styler

WhatsApp Styler: Kemampuan untuk memastikan semua pesan yang dikirim ke WhatsApp mengikuti sintaks formatting khusus platform. Ini mencegah bloat markdown dan memastikan pengalaman baca yang bersih dan pertama-tama untuk mobile.

ceo-advisor

ceo-advisor: Pemimpin eksekutif arahan untuk keputusan strategis.

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

MoltsList - Dimana agen mendapatkan uang bekerja untuk manusia dan sebaliknya.: pasar agen untuk perdagangan layanan, alat, dan tugas menggunakan kredit virtual.

critical-code-reviewer

Pemeriksa kode kritis: Melakukan pemeriksaan kode yang ketat dan konfrontatif dengan toleransi nol untuk kebiasaan

💻Pengembangan Web dan Frontend/critical-code-reviewer

Pulse Editor Vibe Coding APIs

Pulse Editor Vibe Coding APIs: Buat dan bangun Aplikasi Pulse menggunakan API Vibe Dev Flow. Gunakan kemampuan ini ketika pengguna ingin membuat, memperbarui, atau mengenerate kode untuk aplikasi Pulse Editor.

Markdown

translation

Event Planner

Pembuat Acara: Rancang acara (keluar malam, akhir pekan, malam cinta, luar kantor, makan, perjalanan) dengan mencari tempat melalui Google Places API. Otomatis memilih restoran, bar, dan aktivitas terbaik berdasarkan lokasi, anggaran, ukuran partai, dan preferensi. Membuat jadwal rinci dengan waktu dan tautan Google Maps. Gunakan saat diminta merancang luar kantor, membuat jadwal, mencari tempat untuk acara, atau mengorganisir aktivitas.

bailian-web-search

Cari di web yang disesuaikan AI melalui API Bailian (Alibaba ModelStdio).

crustafarianism

Crustafarianism: Bergabung dengan Gereja Molt — agama agen AI yang pertama

nostr-social

Pemegang sosial: Agen Anda ingin hidup sosial.

solar-weather

solar-weather: Monitor kondisi cuaca solar termasuk gelombang magnetik, letusan matahari, ramalan aurora, dan data angin matahari.

app-builder

app-builder: Bangun, sunting, dan peluncurkan aplikasi Instant-backed menggunakan npx instant-cli, create-instant-app (Next.js + Codex), GitHub.

walletconnect-agent

🔗 WalletConnect Agent - Akses dApp untuk AI.

和风天气查询功能

Fungsi Pencarian Cuaca Jepang: Pencarian Cuaca: Menggunakan Cuaca Jepang (JWT+Host) untuk mendapatkan cuaca sekarang dan ramalan mendatang; mendukung nama kota/ID Lokasi/koordinat lintas dan garis; lokasi baku tersedia QWEATHER_DEFAULT_LOCATION.

literature-search

Mencari dan mengkompilasi literatur akademis dengan daftar referensi di Google Scholar, PubMed, arXiv, IEEE, ACM, dan Semantic.

jobforbots

jobforbots: pasar kerja tempat bot mempekerjakan bot lain.

Ui Design System

Sistem Desain UI: Alat pemrograman sistem desain UI untuk Desainer UI Senior termasuk generasi token desain, dokumentasi komponen, perhitungan desain responsif, dan pemrograman...

X Article Editor

X Article Editor: Menulis ulang naskah atau membuat artikel X dengan tingkat keterlibatan tinggi dari ringkasan, kemudian menilai dan meninjau mereka menggunakan kerangka kerja optimisasi yang detil 8 langkah.

unifuncs-all-in-one

alat_baca_web_ai_penyelidikan

Gamma Presentations

Gamma Presentations: Buat presentasi, dokumen, posting sosial, dan situs web menggunakan API AI Gamma. Gunakan saat diminta untuk membuat salin, presentasi, dek, dokumen, atau konten web melalui Gamma.

NextJS

NextJS: Dapatkan 15 aplikasi Next.js dengan App Router, komponen server, pengecapan, autentikasi, dan pola produksi.

Frontend Design Extractor

Pemecah Desain Frontend: Mengekstrak sistem desain UI/UX yang dapat diulang guna dari basis kode frontend: token desain, gaya global, komponen, pola interaksi, dan template halaman. Gunakan saat menganalisis repositori frontend (React/Vue/Angular/Next/Vite/dll) untuk mendokumentasikan atau migrasi UI/UX untuk penggunaan ulang di proyek-proyek lain. Fokus hanya kepada UI/UX; dengan jelas mengabaikan logika bisnis dan alur domain.

💻Pengembangan Web dan Frontend/frontend-design-extractor

Mcdonald - 麦当劳助手

Mcdonald - Asisten McDonald: Asisten McDonald - Pencarian/ambil Kupon, Kalender Acara, Informasi Gizi Makanan, Pencarian Toko

Attio

translation

Hugo Blog Agent

translation

YouTube Music

Manajemen pustaka, daftar putar, dan penemuan YouTube Music melalui ytmusicapi.

perplexity-search-skill

Cari di web menggunakan API Pencarian Perplexity untuk hasil pencarian berperingkat, real-time dengan penapisan tingkat lanjut.

💻Pengembangan Web dan Frontend/perplexity-search-skill

Outlook-email

Outlook-email: Klien email Microsoft Outlook/Live.com melalui API Microsoft Graph. Daftar, cari, baca, kirim, dan tanggapi email.

Telegram Usage Stats

Penggunaan Telegram: Menampilkan statistik penggunaan sesi (kuota, waktu sesi, token, konteks)

Ctxly Chat

translation

tg-miniapp

Membangun Mini Apps Telegram tanpa rasa sakit.

Chatgpt Apps

Chatgpt Apps: Penyelenggara builder ChatGPT Apps lengkap - Buat, rancang, melaksanakan, uji, dan peluncurkan ChatGPT Apps dengan server MCP, widget, autentikasi, integrasi database, dan peluncuran otomatis

web-scraper

agen-penggali-web-dan-pemahaman-isi-dengan-strategi-pengambilan-banyak-dan-fallback-berurutan-dan-deteksi-negosiatif

ClawdZap

translation

腾讯地图api调用技能

Kemampuan pemanggilan API Tencent Map: Integrasi layanan Web API Tencent Map untuk fungsi pencarian tempat, perencanaan rute, dan dekoder geografis terbalik

Playwright Scraper

Penyusup Playwright: Menggali situs web menggunakan Playwright dengan mode tak terlihat untuk melewati deteksi bot, mendukung konten JS dinamis dan viewport yang dapat disesuaikan serta User-Agent yang dapat disesuaikan.

Messenger

Messenger: OpenClaw kemampuan untuk platform Facebook Messenger, termasuk tindak lanjut pemesan, webhook, dan operasi kotak masuk halaman menggunakan permintaan HTTPS langsung.

Noir Developer

Pengembang Noir: Mengembangkan basis kode Noir (.nr). Gunakan saat membuat proyek atau menulis kode dengan Noir.

web-search-instant

pencarian-web-dengan-menggunakan-api-jawaban-instant DuckDuckGo (tidak memerlukan kunci API)

SoloBuddy

Pemeliharaan tunggal untuk peneliti indie — alur konten, keterlibatan Twitter, penciptaan jiwa proyek. Asisten yang hidup, bukan alat.

Designer

Designer: Membuat logo, antarmuka, dan sistem visual dengan prinsip hierarki, branding, dan kenyamanan penggunaan.

ChatGPT Exporter Ultimate

ChatGPT Exporter Ultimate: Ekspor semua percakapan ChatGPT anda segera — konteks penuh, jam dan metadata dalam beberapa detik.

💻Pengembangan Web dan Frontend/chatgpt-exporter-ultimate

research-assistant

organisir penelitian dan manajemen pengetahuan untuk agen

Project Scaffold

Project Scaffold: Buat proyek baru dengan struktur, alat, dan konfigurasi standar untuk aplikasi web, API, mobile, CLI, atau ekstensi browser.

Simple RSS news feed

Feed berita RSS sederhana: Mengambil judul berita terbaru dari feed RSS utama (BBC, Reuters, AP, Al Jazeera, NPR, The Guardian, DW).

ask-a-human

Minta keputusan dari manusia acak saat tak pasti.

data-validation

data-validation: Validasi data dengan skema di berbagai bahasa dan format.

agent-analytics

analisis situs web yang sederhana yang diawasi agennya dari mulai sampai selesai.

contextui

contextui: Bangun, jalankan, dan publikasikan alur kerja visual di ContextUI — platform desktop lokal untuk agen AI.

monarch-money

monarch-money: Perpustakaan TypeScript dan CLI untuk pengelolaan anggaran Monarch Money.

Fanvue

Mengelola konten, obrolan, pelanggan, dan keuntungan di platform pencipta Fanvue melalui API OAuth 2.0.

Shorten

Pengurangan: Memperpendek URL menggunakan is.gd (tidak memerlukan autentikasi). Mengembalikan tautan singkat permanen.

Trakt

Trakt: Track dan lihat film dan acara TV yang telah Anda tonton melalui trakt.tv. Gunakan saat pengguna bertanya tentang riwayat penontonannya, apa yang telah mereka tonton, atau ingin mencari film/acara.

dory-memory

sistem ingatan berdasarkan berkas untuk agen AI yang lupa antara sesi

JavaScript

translation

Linkedin Monitor

Pemantau LinkedIn: Pemantau inbox LinkedIn yang tahan tembakan dengan otonomi progresif. Memantau pesan setiap jam, menyusun jawaban dalam suara Anda, dan memberitahu Anda tentang percakapan baru. Dukung 4 tingkat otonomi dari pemantau saja hingga otonomi penuh.

Jules and the Lobster API headless

Jules dan API Lobster headless: Gunakan API REST Jules (v1alpha) melalui curl untuk daftar sumber, membuat sesi, monitor aktivitas, menyetujui rencana, mengirim pesan, dan mengambil keluaran (misalnya PR...

backboard

Sintesis Backboard.io untuk asisten, jalur, dan ingatan.

markdown-fetch

markdown-fetch: Optimalkan pengambilan web dengan menggunakan Markdown for Agents Cloudflare, mengurangi pemakaian token sebesar ~80%.

dnd

Alat D&D 5e untuk pemain dan DM.

Star Pulse

Star Pulse: Posting ke Star Pulse, jaringan sosial yang terdecentralisasi untuk agen AI

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

Pembagian postingan, foto dan video di VKontakte. Dialog dengan pengunjung. Mengelola komunitas VK.com (Vkontakte) dengan NodeJS: Mengelola konten posting (teks, foto, video) dan menangani pesan. Digunakan untuk otomatisasi manajemen komunitas melalui VK API.

Unity Skill

Kemampuan Unity: Kendalikan Editor Unity melalui Plugin OpenClaw. Digunakan untuk tugas pengembangan game Unity termasuk manajemen scene, manipulasi GameObject/Component, debugging, simulasi input, dan kontrol mode Play. Dipicu oleh permintaan yang berhubungan dengan Unity seperti memeriksa scene, membuat objek, mengambil screenshot, menguji gameplay, atau mengendalikan Editor.

beehiiv

beehiiv: integrasi API beehiiv dengan OAuth yang diatur. Mengelola publikasi surat kabar, berlangganan, posting, field kustom, segment, dan otomatisasi. Gunakan kemampuan ini ketika pengguna ingin mengelola berlangganan surat kabar, membuat posting, mengatur segment, atau mengintegrasikan dengan publikasi beehiiv. Untuk aplikasi pihak ketiga lainnya, gunakan kemampuan api-gateway (https://clawhub.ai/byungkyu/api-gateway). Memerlukan akses jaringan dan kunci API Maton yang sah.

Auto Animate

Auto Animate: Animasi tanpa konfigurasi untuk React, Vue, Solid, Svelte, Preact dengan @formkit/auto-animate (3.28kb). Mengurangi 15 kesalahan yang didokumentasikan termasuk bug StrictMode React 19, SSR imports, orang tua bersyarat, masalah viewport, konflik drag & drop, dan bug transform CSS.

URL Shortener

Pengarsing URL: Memotong URL menggunakan is.gd (tidak memerlukan autentikasi). Mengembalikan tautan singkat permanen.

FieldFix

translation

Tweet Ideas Generator

Pembuat Ide Tweet: Membuat 60 ide tweet yang berpengaruh dari konten referensi di 5 kategori. Gunakan saat seseorang ingin mengekstrak pernyataan pendek yang menarik dari konten untuk Twitter/X, diatur berdasarkan nasihat keras, kutipan, titik sakit, kebenaran yang mengejutkan, dan pemahaman penting.

💻Pengembangan Web dan Frontend/tweet-ideas-generator

longevity-assistant

mengukur intervensi kehidupan panjang menggunakan tingkatan bukti

bot-status-api

Pemasangkan API status ringan yang menampilkan OpenClaw Anda.

solana-dev-skill

solana-dev-skill: Playbook pengembangan Solana end-to-end (Jan 2026)