Web & Frontend

chenxiaoyi0807 Bundle

This skill guides the creation of unique, production-grade front-end interfaces that avoid generic "AI slop" aesthetics. Implementing real working code with special attention to aesthetic details and creative choices.

babatunde-fatai Bundle

Implement Flutterwave payment processing for African markets (34+ countries). Use when integrating one-time payments (card, bank transfer, USSD, mobile money), subscriptions/recurring billing, or webhook handling. Covers Next.js and Express implementations with TypeScript. Triggers: payment integration, Flutterwave setup, accept payments Africa, NGN/GHS/KES/ZAR payments, mobile money, M-Pesa, MTN, subscription billing, payment webhooks, Flutterwave API, tx_ref, verif-hash.

tabtab-ai Bundle

打造有辨识度的高质量前端界面。适用于构建网页组件/页面/应用或视觉化前端产物（网站、落地页、仪表盘、React 组件、HTML/CSS 布局、UI 美化等）。产出有审美、可运行的代码与设计，避免模板化的”AI 视觉”。

santosalarcon Skill

React Component Patterns

santosalarcon Skill

Responsive Design Basics

xiangxux Bundle

Use this skill when the user wants help planning a trip through iterative discussion, comparing destination or routing options, narrowing tradeoffs, and then generating a polished HTML and PDF itinerary report. Trigger when the user provides an origin, trip length, transport preferences, destination ideas, budget, or asks for a travel planning workflow rather than a one-shot answer.

yuangjay Skill

Deep learning guide for a specific technology, tool, or framework. Triggers on: learn Kubernetes, master Docker, get good at React, understand Kafka, learn Terraform, study Redis, understand Prometheus, learn Ansible.

claw-works Bundle

Read-only Calibre catalog lookup and one-book analysis-comments workflow over a running Content server. Use only for list/search/id and analysis comments block updates, never for title/authors/tags/series/series_index metadata edits.

claw-works Bundle

Find, evaluate, and install ClawHub skills. Semantic search across 10,000+ skills, security vetting before install, side-by-side comparison. The skill that makes skills useful.

claw-works Bundle

Check availability. Search related domains. Find more possibilities. Explore connections. Turn AI into your domain agent.

zht043 Bundle

Claude Code对话历史导出为可视化HTML，支持会话浏览和搜索

claw-works Bundle

Use this skill when a task needs browser automation through PinchTab: open a website, inspect interactive elements, click through flows, fill out forms, scrape page text, log into sites with a persistent profile, export screenshots or PDFs, manage multiple browser instances, or fall back to the HTTP API when the CLI is unavailable. Prefer this skill for token-efficient browser work driven by stable accessibility refs such as `e5` and `e12`.

claw-works Bundle

BRICKS CLI

claw-works Bundle

Persistent research thread manager with a CLI for tracking topics, notes, sources, and findings. Pair with a nightly cron job to build a personal research digest over time. The shipped code is a local Python CLI for thread management — research is performed by the agent using its standard web_search and web_fetch tools.

claw-works Bundle

Sync your OpenClaw agent with the ScanWow iOS app. Receive high-quality OCR scans from your phone directly into your agent's workspace via a secure webhook.

claw-works Bundle

Interact with Notion workspaces using official API - manage pages, databases, blocks, users, and comments

claw-works Bundle

Sparki Business API render-mode skill. Upload an MP4, create a render project, poll with exponential backoff until completion, then download the final MP4 result.

claw-works Bundle

Long-term memory, state tracking, continuity review, and identity-change support for OpenClaw. Use for durable memory writes/search in Notion, emotion/state ticks, journal writes, continuity checks, identity diffs, inner-conflict tracking, and preserving a stable sense of self across sessions.

claw-works Bundle

Intelligent search for agents. Multi-source retrieval across web, scholar, Tavily, and Perplexity Sonar models.

tools-enerix Bundle

Erstellt eine fertige HTML- oder Markdown-Seite auf Basis eines SXO-Analyzer Reports und eines SXO-Builder Wireframes. Kombiniert die UX-Strukturvorgaben aus dem Wireframe mit den Content-Qualitaetsstandards von blog-write (Statistik-Recherche, Answer-First, E-E-A-T, Readability). Liest Report, Wireframe und optionalen Beitrag aus dem aktuellen Arbeitsverzeichnis. Downstream-Skill von sxo-analyze und sxo-wireframe. Supports German and English -- auto-detects language from SXO report/wireframe. Use when user says "Seite erstellen", "create the page", "build page from wireframe", "SXO Seite bauen", "Inhalt produzieren", "produce content", "wireframe to html", "wireframe to page", "sxo page", "Seite aus Wireframe", "page from wireframe", "fill wireframe", "Wireframe umsetzen", "content from SXO", or "Inhalt aus SXO". Do NOT use for: wireframe creation (use sxo-wireframe), SXO analysis (use sxo-analyze), blog posts without SXO context (use blog-write), or pure design/mockup tasks.

maolai7 Bundle

将本地 Markdown 文章渲染为微信公众号格式并一键推送到草稿箱的完整工作流。 当用户说"把这篇文章推到公众号"、"发布到微信公众号"、"推送草稿"、 "帮我发公众号"、"同步到公众号草稿箱"、"推到微信"等类似需求时， 必须主动使用此 skill，不要跳过。 使用 publish.cjs 一步完成渲染 + 推送，无需生成本地 HTML 文件。 需要 Node.js 18+，零外部依赖。

ryuketsukami Bundle

Implement, use, or explain TurboQuant — Google's data-oblivious vector quantization algorithm for LLM KV cache compression (ICLR 2026). Use this skill when the user asks about KV cache compression, TurboQuant, PolarQuant, QJL (Quantized Johnson-Lindenstrauss), Lloyd-Max quantization for high-dimensional vectors, reducing LLM memory usage, compressing attention keys/values, or implementing any component of the TurboQuant pipeline. Also trigger when the user mentions vector quantization for inference optimization, 3-4 bit KV cache quantization, or inner product preserving compression.

lozovoi-rodion Bundle

Generates on-brand BYTE&KITE visual creatives as self-contained HTML/SVG — social media posts, banners, carousels, cards, and web hero sections following the BYTE&KITE brand guidelines (black/lime palette, Satoshi+Roboto Mono fonts, dot grid patterns). Use this skill whenever creating ANY visual for BYTE&KITE — Instagram posts, LinkedIn banners, promotional graphics, carousel slides, or web sections. Trigger on "create a post", "make a banner", "design a creative", "Instagram post", "carousel", or any request to produce a BYTE&KITE visual asset. Always pair with bytekite-design-system for layout structure.

niekteg Bundle

This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Angular, Next.js, Prisma, Backstage, etc.

clemens865 Bundle

Multi-agent swarm simulation with REAL independent subagents for scenario prediction. Each population runs as a separate agent process that cannot see other populations' decisions — producing genuinely emergent behavior. Spawns 40-100 AI agents across 3-5 populations, researches via web search, runs 5 rounds with parallel execution, and delivers an interactive HTML dashboard. Use this skill when the user wants to predict outcomes, simulate scenarios, test strategies, forecast reactions, model market dynamics, or run what-if analyses. Triggers on: '/simulate', 'simulate', 'swarm simulation', 'what would happen if', 'predict the outcome', 'run a scenario', 'agent simulation', 'market simulation', 'how would people react'.

usmanskillsmd Skill

i18n vue — automated documentation generation and maintenance using i18n.

usmanskillsmd Skill

i18n react — automated documentation generation and maintenance using i18n.

usmanskillsmd Skill

react-js-skill

usmanskillsmd Skill

spfx-react-skill

usmanskillsmd Skill

八人协作代码开发流水线，用于复杂代码开发任务。**必须使用此 skill 当用户要求开发代码、写程序、实现功能，或对代码质量有要求时**。特别适合： - 复杂功能开发（>50行代码、多文件、需要测试） - 需要UI/前端设计的项目（HTML/CSS/JS、React/Vue等） - 对代码质量有要求的任务（需要审查、测试、文档） - 关键/策略性代码（需要多人把关） - 用户不想中间确认、只想看最

usmanskillsmd Skill

react-nextjs-generator

usmanskillsmd Skill

Use when building frontend Web apps that talk to CloudBase Relational Database via @cloudbase/js-sdk – provides the canonical init pattern so you can then use Supabase-style queries from the browser.

usmanskillsmd Skill

detox react native — comprehensive testing patterns and workflows for JavaScript projects.

usmanskillsmd Skill

crafterize-html-template-skill

usmanskillsmd Skill

afrexai-accessibility-engine

vbrevik Bundle

Add shadcn/ui components to a themed React project. Handles component installation, customisation, and combining components into working patterns.