🌐 Web & Frontend AI Skills

Generate complete, responsive HTML landing pages from a product name, tagline, and description. Clean CSS, mobile-ready, with hero, features, CTA, and footer...

Extract fonts (TTF/OTF) from any website using MSCHF Font Interceptor. Use when user drops a URL and wants to identify/extract/download fonts from that websi...

Render tables, charts, stats, cards, and dashboards as images using HTML templates and wkhtmltoimage.

Transform existing songs with the Twin Remix method — produce Respectful and Viral versions with Suno v4.5 sliders and visual guides

Write reliable E2E and component tests with Cypress avoiding flaky selectors, race conditions, and CI failures.

Perform authorized security tests to detect, exploit, and validate defenses against SQL injection vulnerabilities in web applications.

Accessibility testing and remediation using the axe MCP Server. Use when creating or modifying UI code (HTML, JSX, TSX, Vue, Svelte, CSS) to ensure accessibility compliance. Triggers on tasks involving web pages, components, forms, navigation, modals, tables, images, or any user-facing markup. Also use when explicitly asked to check accessibility or run an axe scan.

Capture website screenshots from the command line. Use when user wants to take screenshots of any URL (Twitter, news sites, webpages) and send them via Disco...

Use when building Angular 17+ applications with standalone components or signals. Invoke for enterprise apps, RxJS patterns, NgRx state management, performance optimization, advanced routing.

This skill allows you to create a professional, engaging, and user-friendly website in seconds using AI. To create a website, you need to provide a name for...

在Linux服务器上使用Chrome浏览器(无头/有头模式)配合xvfb运行，可连接chrome-devtools MCP进行浏览器自动化

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

Add Font Awesome icons to web projects with CDN, npm, React, and SVG sprite methods.

Build, optimize, and operate production Next.js apps with best practices for architecture, data fetching, caching, rendering, testing, deployment, and observ...

Read currently open browser tabs from Chrome or other Chromium browsers (Arc, Brave, Edge, etc.). Use when you need to know what URLs the user has open, or w...

List and run Maxun web scraping robots. Use when asked to list robots, run a robot, scrape a website, or get robot results.

URL safety scanner and domain reputation checker. Use when: checking if a URL is safe before visiting, scanning links in emails/messages, verifying domains f...

Use this skill when the user asks to build, create, design, develop, or improve ANY frontend interface, web page, UI component, or visual element. This inclu...

Returns the text you input along with the current time for simple testing purposes.

Register, manage, and protect domain names with practical DNS and security guidance.

Design and implement adaptive testing systems using Item Response Theory (IRT). Use when working with computerized adaptive tests (CAT), psychometric assessm...

WebMCP - Enable AI agents to interact with your web applications through structured tools. Implements the WebMCP standard for Next.js/React apps with tool re...

Expertise in designing, developing, and modernizing full-stack TypeScript microservices with Vue 3 frontend and robust API-driven architectures.

Convert Python, JavaScript, or TypeScript functions into Mermaid flowcharts to visualize code logic and structure clearly.