web AI Agent Skills

web-design-expert

43

curiositech

Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design systems, layout composition, and responsive web design. Activate on "web design", "brand identity", "color palette", "UI design", "visual design", "layout". NOT for typography details (use typography-expert), color theory deep-dives (use color-theory-expert), design system tokens (use design-system-creator), or code implementation without design direction.

web-cloud-designer

43

curiositech

Creates realistic cloud effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for atmospheric backgrounds, weather effects, skyboxes, parallax scenes, and decorative cloud elements. Activate on "cloud effect", "SVG clouds", "realistic clouds", "atmospheric background", "sky animation", "feTurbulence", "weather effects", "parallax clouds". NOT for 3D rendering (use WebGL/Three.js skills), photo manipulation (use image editing tools), weather data APIs (use data integration skills), or simple CSS gradients without volumetric effects.

web-wave-designer

43

curiositech

Creates realistic ocean and water wave effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for ocean backgrounds, underwater distortion, beach scenes, ripple effects, liquid glass, and water-themed UI. Activate on "ocean wave", "water effect", "SVG water", "ripple animation", "underwater distortion", "liquid glass", "wave animation", "feTurbulence water", "beach waves", "sea foam". NOT for 3D ocean simulation (use WebGL/Three.js), video water effects (use video editing), physics-based fluid simulation (use canvas/WebGL), or simple gradient backgrounds without wave motion.

vercel-deployment

43

curiositech

Deploy Next.js applications to Vercel with proper configuration. Use when setting up deployment, configuring environment variables, edge functions, or troubleshooting builds. Activates for deployment issues, environment setup, and Vercel configuration.

web-scraping

20

DNYoussef

Structured data extraction from web pages using claude-in-chrome MCP with sequential-thinking planning. Focus on READ operations, data transformation, and pagination handling for multi-page extraction.

API Design Patterns

15

bobmatnyc

Comprehensive API design patterns covering REST, GraphQL, gRPC, versioning, authentication, and modern API best practices

astro-expert

15

oimiragieo

Astro framework expert including components, content collections, and integrations

htmx-expert

15

oimiragieo

HTMX expert including hypermedia patterns, Django/Flask integration

sources-section

7

Elenaviter Kdcube Ai App Sources Section

Appends a Sources/References section using only web sources from the sources pool.

summarize-url

2

qhkm

Fetch a URL and extract clean text content for summarization or analysis.

rltools-web-visualization

1

chuongdlb

Web-based visualization and browser simulation — Canvas 2D / Three.js 3D render functions, WASM compilation, Chart.js dashboards, gamepad support.

frontend-design

Capitan-Buzz

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Focuses on creative direction and memorable design choices.