web-auth
Authenticate to websites with human-in-the-loop browser handoff. Use when user needs to log into a website, complete 2FA, or solve CAPTCHAs for agent access.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-31 00:15
Frontend & websites
11,329 results
web-browse
Browse and interact with web pages headlessly. Use when agent needs to navigate websites, click elements, fill forms, read content, or take screenshots.
agenta-package-practices
Where to put frontend code (package vs app layer) and how to use the @agenta/* packages. Use when authoring or moving code in web/packages, choosing between…
chengfeng-landingpage
Install the chengfeng-landingpage skill for supported Agent environments.
architecture-diagram
Create a professional, dark-themed software/system architecture diagram as a single self-contained HTML file with inline SVG. Use when asked to visualize…
webmcp
Decide whether a site should expose WebMCP tools to AI agents, design those tools safely, and separate verified agent-interface capability from the SEO and…
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
cache-components
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js…
infographic-structure-creator
Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures). Use when asked to design, implement, or modify…
infographic-template-updater
Update template catalogs and UI prompts after adding new infographic templates (src/templates/*.ts), including SKILL.md template list, site gallery template…
styling
CSS and Tailwind styling guidelines. Use when writing styles, creating UI components, reviewing CSS/Tailwind code, or deciding on wrapper element structure.
svelte
Svelte 5 patterns including TanStack Query mutations, shadcn-svelte components, and component composition. Use when writing Svelte components, using TanStack…
bundle-analysis
Bundle analysis. Use when measuring current bundle size, comparing stable or selected fixtures, inspecting composition, or cleaning retained comparison state.
panda-css
Use this skill for Panda CSS work: setting up or migrating @pandacss/dev, editing panda.config.* files, integrating PostCSS or the Panda CLI, using generated…
vibe-coding-css-setup
One-time project CSS foundation setup. Generates globals.css, verifies tailwind.config.js content paths, updates root layout to import fonts and globals.css,…
vibe-coding-design-templates
Site-type layout template selector and scaffolder. Identifies the project type and generates the base layout structure with shared components. All pages extend…
vibe-coding-doc-appflow
Generate APP_FLOW.md — every screen, every route, every user journey. Maps navigation structure, screen definitions, data requirements per screen, error…
vibe-coding-doc-frontend
Generate FRONTEND_GUIDELINES.md — the engineering rules for building the frontend. Covers project structure, naming conventions, component architecture, layout…
vibe-coding-review-react
React and Next.js code review — 65 rules across 8 categories covering async waterfalls, bundle size, server-side performance, client-side data fetching,…
vibe-coding-ui-review
Screenshot-based UI analysis using ClearShot methodology. Analyzes UI screenshots at three levels: Map (spatial layout), System (design patterns), and…
vibe-coding-web-design-guidelines
Reviews UI/frontend code against Vercel's Web Interface Guidelines — fetched live from GitHub so rules stay current. Checks files for accessibility, visual…
fulltext-fetcher
Fetch and save the original HTML of scientific literature webpages when given a URL, DOI, or PubMed PMID (triggered when you need archival-grade page HTML for…
mindmap
Generate mindmaps locally/offline with native HTML/CSS/JS (no external libraries); use when you need to parse Plain Text node structures or map LLM outputs…
mindmap-html-generator
Generate offline interactive mindmap HTML and convert Markdown, outlines, meeting notes, chapter structures, or JSON trees into markmap-compatible format. Use…