Browse skills

The Theme Detector analyzes webpage content to identify its dominant visual themes, streamlining design consistency and brand alignment.

Analyzes webpage performance metrics (LCP, FID, CLS) to identify and suggest frontend optimization improvements.

Webmcp Browser Tools — provides AI agent assistance for software development workflows.

Helps with client-side, React as part of software development workflows workflows.

This skill unlocks Chrome DevTools for debugging and inspecting web pages, offering powerful insights to developers and advanced users.

Analyzes webpage CSS, identifies selectors, properties, and potential styling conflicts for efficient debugging and optimization.

The Layout Builder skill automatically generates clean, responsive website layouts from your content, saving time and ensuring consistent design.

Generates clean, semantic HTML & CSS code from natural language descriptions, ideal for rapid prototyping and web design.

The A11Y Checker automatically identifies accessibility issues in web content, ensuring websites are usable by everyone.

Generates basic HTML structure and CSS styling based on text descriptions to create simple web page elements.

Extracts structured data from websites specified by URL, providing information like prices, product details, and contact info.

Generates visually appealing canvas designs based on text prompts, ideal for presentations, websites, and social media graphics.

Compile Swift code to WebAssembly efficiently, enabling high-performance frontend applications with swiftwasm's optimized porting.

Helps with web development, design, guidelines as part of building frontend UIs and user experiences workflows.

Astrowind generates dynamic HTML content based on data, streamlining website development and ensuring consistent, updatable user experiences.

Dynamically adjusts website color contrast & font sizes based on user-reported visual impairments, improving readability.

Optimizes mobile website layouts by intelligently compacting content to improve scrolling and touch interactions.

Generates interactive 3D scenes using Three.js code snippets – simplifying web-based 3D development and visualization.

The A11Y Analyzer assesses web content for accessibility issues, ensuring inclusive design and compliance with standards – vital for wider user reach.

Helps with web development, Vue as part of software development workflows workflows.

Helps with UI components, guidelines as part of software development workflows workflows.

Creates responsive, mobile-optimized website designs and prototypes quickly, prioritizing user experience on smaller screens.

Extracts website assets (CSS, JS, images) and generates a Vite project configuration for easy frontend development.

This tool analyzes webpage colors to ensure sufficient contrast for accessibility and readability, improving user experience.