Authentication patterns for React web applications. Use when implementing login flows, OAuth, JWT handling, session management, or protected routes in React web apps.
Learn and automate human workflows on websites through browser exploration, screenshot analysis, and iterative script refinement.
HTML, CSS, and how browsers work. Activated when Claude creates or edits .html or .css files. Provides teaching context for CodeSensei to explain web fundamentals.
여행 계획 웹사이트를 React + Vite로 구축하거나 수정한다. 컴포넌트 추가, 스타일 변경, 기능 구현, 버그 수정 등 웹사이트 관련 모든 개발 작업 시 반드시 이 스킬을 사용할 것. '웹사이트 만들어줘', '디자인 바꿔줘', '기능 추가해줘' 등의 요청에 트리거.
Use to collect the user's requirements for a new website project via short, plain-language Q&A. Writes brief.md and returns the project path.
DEPRECATED: URL-driven website cloning has moved into $visual-ralph; use $visual-ralph for live-URL visual implementation workflows.
Answer Engine Optimization (AEO) and AI-era SEO for 2026. Use when the user asks about "llms.txt", "llms-full.txt", "AEO", "AI SEO", "ChatGPT citations", "Perplexity ranking", "AI…
Pick a 2026 aesthetic direction. Use when the user asks "what aesthetic should I use", "design direction", "Calm UX", "Liquid Glass", "Wabi Sabi", "Maximalism", "should I use…
2026 AI-native and agentic UX patterns. Use when the user asks about "agentic UX", "AI agent UI", "Cmd+K palette", "Intent Preview", "Autonomy Dial", "Action Audit", "AI takes…
Especialista em desenvolvimento da interface web do projeto llm-switch (apps/web). Use este skill SEMPRE que o usuário pedir qualquer mudança visual, novo componente, nova página,…
Processus de développement web standardisé en 7 phases. Utilise ce skill quand: (1) démarrage d'un nouveau projet web, (2) structuration des phases de développement, (3) best…
Web development guidelines covering Bootstrap, Django, HTMX, and general web best practices
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
Search the web using multiple search engines simultaneously (Bing, Yahoo, Startpage, Aol, Ask) via async-search-scraper, iterating through result pages.
Navigation and routing patterns for React web applications. Use when implementing React Router, Next.js routing, deep links, or handling navigation state.
Web performance optimization and Core Web Vitals. Trigger: When measuring, auditing, or improving page load speed, interactivity, or visual stability.
Optimise les performances web (Core Web Vitals, loading, rendering). Se déclenche avec "performance web", "Core Web Vitals", "LCP", "FID", "CLS", "lighthouse score", "page speed",…
Extract browser history for finding URLs by topic or getting visit stats. Use when user asks about their browsing history, visited websites, or what they were doing online.
Intelligent web scraper with content extraction, multiple output formats, and error handling
Web scraping inteligente multi-estrategia. Extrai dados estruturados de paginas web (tabelas, listas, precos). Paginacao, monitoramento e export CSV/JSON.
Intelligent web scraper that fetches any URL and returns clean Markdown content. Triggers on requests like "帮我抓取网页", "获取这个网页内容", "fetch this URL", "scrape this page", "读取网页", "get…
Construction d'un sous-agent spécialisé dans la collecte de données web pour un agent parent. Crawling, extraction, parsing et retour structuré.
Web scraping with anti-bot bypass, content extraction, undocumented APIs and poison pill detection. Use when extracting content from websites, handling paywalls, implementing…
Captures high-quality screenshots of web pages or local HTML files using Puppeteer. Supports responsive viewports, full-page capture, and PDF export.
DuckDuckGo를 사용한 웹 검색. 텍스트, 뉴스, 이미지 검색을 지원. 빌트인 WebSearch가 제한적이거나, 뉴스/이미지 검색, 지역/기간 필터가 필요할 때 사용. "검색해줘", "찾아줘", "search", "뉴스 검색", "이미지 검색" 등의 요청 시 활성화.
DuckDuckGo를 사용한 웹 검색. 텍스트, 뉴스, 이미지 검색을 지원. 빌트인 WebSearch가 제한적이거나, 뉴스/이미지 검색, 지역/기간 필터가 필요할 때 사용. "검색해줘", "찾아줘", "search", "뉴스 검색", "이미지 검색" 등의 요청 시 활성화.
SEO meta tags, structured data, and search optimization. Trigger: When adding meta tags, sitemaps, improving search ranking, or auditing SEO.
从网页中提取 WebGL/Canvas/Shader 视觉特效代码，反混淆后移植为独立原生 JS 项目。 触发条件：用户提供网址并要求提取 shader、提取特效、提取动画效果、提取 canvas 效果、 复刻某网站的视觉效果、"把这个网站的背景效果扒下来" 等。
Mengubah desain screenshot/Figma menjadi UI frontend pixel-perfect dengan komponen reusable. Gunakan saat task fokus pada implementasi tampilan dan layout halaman.
Styling patterns for React web applications. Use when working with Tailwind CSS, CSS Modules, theming, responsive design, or component styling.
When the user wants to design or optimize the funnel that takes web visitors into installing and onboarding the app — including smart app banners, web-to-app deep links, deferred…
Use ONLY when the user explicitly says: 'use the skill web-to-markdown ...' (or 'use a skill web-to-markdown ...').
웹 페이지를 PDF로 변환하는 스킬. Playwright 기반 JS 렌더링 + 스크린샷 캡처 + A4 PDF 변환. 단일 페이지, 배치(트리 구조), 일반 웹사이트 모두 지원. 트리거 키워드: 'web to pdf', 'webpage pdf', '웹 pdf', '페이지 pdf', 'url pdf', 'website…
**Web UI設計書ジェネレーター＆バリデーター**: 日本語のWeb UI設計書（.xlsx）を新規作成、既存ファイルの品質検証、または改修を行うスキル。 「UI設計書」「画面設計書」「外部設計」「画面仕様書」「Web仕様書」「式样书」と言及された場合はこのスキルを使用する。…
Web Vitals Monitor - Auto-activating skill for Frontend Development. Triggers on: web vitals monitor, web vitals monitor Part of the Frontend Development skill category.
Développement d'applications décentralisées (dApps) Web3. Se déclenche avec "dApp", "Web3", "blockchain app", "ethers.js", "wagmi", "Hardhat", "Foundry", "MetaMask", "wallet…
Web3Forms — Contact Forms for Static Websites integration. Manage data, records, and automate workflows.
WebCRM integration. Manage data, records, and automate workflows. Use when the user wants to interact with WebCRM data.
Automate Cisco Webex messaging, rooms, teams, webhooks, and people management through natural language commands
Webexpenses integration. Manage data, records, and automate workflows. Use when the user wants to interact with Webexpenses data.
Fetch web pages and convert them to clean Markdown using markdown.new. Use when user wants to fetch a URL as markdown, convert HTML to markdown, or extract clean text from…
Webflow integration. Manage Sites. Use when the user wants to interact with Webflow data.
Automate Webflow CMS collections, site publishing, page management, asset uploads, and ecommerce orders via Rube MCP (Composio). Always search tools first for current schemas.
Execute Webflow secondary workflows — Sites management, Pages API, Forms submissions, Ecommerce (products/orders/inventory), and Custom Code via the Data API v2.
Optimize Webflow costs through plan selection, CDN read optimization, bulk endpoint usage, and API usage monitoring with budget alerts.
Implement Webflow data handling — CMS content delivery patterns, PII redaction in form submissions, GDPR/CCPA compliance for ecommerce data, and data retention policies.
Configure Webflow enterprise access control — OAuth 2.0 app authorization, scope-based RBAC, per-site token isolation, workspace member management, and audit logging for…
Execute Webflow incident response — triage by HTTP status (401/403/429/500), circuit breaker activation, cached fallback, Webflow status page checks, communication templates, and…
Install the Webflow JS SDK (webflow-api) and configure OAuth 2.0 or API token authentication. Use when setting up a new Webflow integration, configuring access tokens, or…
Configure Webflow across development, staging, and production environments with per-environment API tokens, site IDs, and secret management via Vault/AWS/GCP.
Set up observability for Webflow integrations — Prometheus metrics for API calls, OpenTelemetry tracing, structured logging with pino, Grafana dashboards, and alerting for rate…
Analyze, plan, and execute Webflow SDK upgrades (webflow-api v1 to v3) with breaking change detection, API v1-to-v2 migration, and deprecation handling.
Implement Webflow webhook registration, signature verification, and event handling for form_submission, site_publish, ecomm_new_order, page_created, and more.
Webhook integration. Manage Recordses. Use when the user wants to interact with Webhook data.
Build and manage webhook-based integrations for real-time event processing and API connections
Designs reliable webhook systems with proper delivery guarantees, retry logic, signature verification, and idempotent processing for event-driven integrations.
Webhook Retry Handler - Auto-activating skill for API Integration. Triggers on: webhook retry handler, webhook retry handler Part of the API Integration skill category.
Webhook Sender Creator - Auto-activating skill for API Integration. Triggers on: webhook sender creator, webhook sender creator Part of the API Integration skill category.
Webhook Signature Validator - Auto-activating skill for API Integration. Triggers on: webhook signature validator, webhook signature validator Part of the API Integration skill…
Accept inbound webhooks (Stripe, GitHub, Slack, partner) and verify HMAC signatures in Apex REST. NOT for outbound webhooks.