web▌

Modern web design in 2024-2025 emphasizes performance, accessibility, and meaningful interactions. This skill provides comprehensive guidance on current design trends, implementation patterns, and best practices for creating engaging, accessible, and performant web experiences.

Visual inspection and source-level fixing of website design issues across responsive, accessibility, and layout concerns. \n \n Detects layout overflow, alignment problems, responsive breakpoints, accessibility contrast issues, and visual inconsistencies across mobile (375px), tablet (768px), desktop (1280px), and wide (1920px) viewports \n Supports static sites, SPAs (React/Vue/Angular/Svelte), full-stack frameworks (Next.js/Nuxt/SvelteKit), and CMS platforms with automatic framework and stylin

Web toolkit powered by Exa for scientific and technical content search and URL extraction.

Orchestrates multi-source web research by delegating to subagents, synthesizing findings, and producing cited reports. \n \n Breaks research questions into 2–5 distinct subtopics, creates a research plan file, and spawns up to 3 subagents in parallel for efficient investigation \n Each subagent performs 3–5 web searches per subtopic and writes findings to local files with key facts, quotes, and source URLs \n Synthesizes results by reading local findings files, integrating insights across subtop

Automated UI code review against Vercel's Web Interface Guidelines. \n \n Fetches the latest guidelines from the official Vercel repository before each review to ensure current rule compliance \n Analyzes React, Vue, Svelte, HTML, CSS, and JavaScript/TypeScript files against all fetched rules \n Reports violations in file:line format with actionable feedback on how to fix each issue \n Supports file paths and glob patterns for flexible scope selection across projects \n

Select, pair, and implement typefaces for web projects with readability and performance as core priorities. \n \n Covers seven core areas: reading mechanics and how eyes process text, evaluating typefaces for screen rendering, choosing faces by purpose rather than aesthetics, pairing strategies for clear contrast, optimal measurements (font size, line length, line height), building visual hierarchies, and responsive typography with efficient font loading \n Emphasizes the \"clear goblet\" princi

Expert 3D web implementation across Three.js, React Three Fiber, Spline, and WebGL with performance optimization. \n \n Covers three primary stacks (Spline for rapid prototyping, React Three Fiber for React apps, Three.js vanilla for maximum control) with decision guidance on when to use each \n Includes 3D model pipeline: format selection, poly-count reduction, texture baking, GLB export, and compression with gltf-transform \n Handles scroll-driven 3D interactions using ScrollControls, GSAP, an

Tactile feedback for web apps using the Web Vibration API across React, Vue, Svelte, and vanilla JavaScript. \n \n Four trigger categories: notifications (success, warning, error), impacts (light, medium, heavy), selection (picker/slider detents), and extra presets (soft, rigid, nudge, buzz) \n Framework-specific hooks and composables for React, Vue, Svelte; vanilla JS class; automatic SSR handling in Nuxt and SvelteKit \n Zero dependencies, silent no-op on unsupported platforms (desktop), no fe

Use this skill to turn a cloud server into a safely reachable web host without leaning on stale distro-specific memory or outdated Debian-10-era tutorials.

使用 MiniMax MCP 服务器进行网络搜索。