web▌

此技能专门用于自动化网站数据爬取和 API 接口调用，包括：

I help you formulate effective web search queries and strategies to find the information you need. I can optimize search queries, suggest alternative approaches, evaluate sources, and synthesize findings.

Mobile-first responsive layouts using CSS Grid, Flexbox, and media queries. \n \n Covers three core layout techniques: Flexbox for flexible component layouts, CSS Grid for structured multi-column designs, and mobile-first media queries for device adaptation \n Includes reference guides for navigation, typography, cards, and grid-based layouts with working code examples \n Emphasizes mobile-first development strategy, cross-browser compatibility, and accessible design patterns across all device s

在开始联网操作前，先检查 CDP 模式可用性：

Audit UI code against Web Interface Guidelines with automated compliance checking. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns as input; prompts for clarification if none provided \n Outputs findings in a concise file:line format for quick issue identification \n Triggered by user requests like \"review my UI,\" \"check accessibility,\" \"audit design,\" or \"review against best practices\" \n

Expert 3D web implementation with Three.js, React Three Fiber, Spline, and WebGL optimization. \n \n Supports multiple 3D frameworks with decision guidance: Spline for rapid prototypes, React Three Fiber for React apps, Three.js vanilla for maximum control \n Covers full 3D asset pipeline including model optimization, GLB/GLTF compression with Draco, poly count reduction, and web-ready file size targets under 5MB \n Enables scroll-driven 3D interactions using ScrollControls and GSAP integration

Audit UI code against Web Interface Guidelines with automated compliance checking. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns to review, or prompts the user if none are specified \n Outputs findings in a concise file:line format for quick issue identification \n Covers all rules defined in the fetched guidelines, including design, accessibility, and UX patterns \n

Framework-agnostic rules for accessible, performant, responsive web interfaces aligned with WCAG 2.2 and modern web standards. \n \n Comprehensive accessibility guidance covering semantic HTML, ARIA, keyboard navigation, focus management, color contrast, forms, and error handling with specific WCAG success criteria mappings \n Mobile-first responsive design using modern CSS (clamp, container queries, logical properties) and touch-friendly targets; no horizontal scrolling at 320px width \n Perfor

Extract structured data from websites using BeautifulSoup and requests - turn any webpage into usable data.

Principle-based design patterns for website sections that avoid AI-generated aesthetics. \n \n Covers five core section types: heroes, cards, CTAs, trust signals, and testimonials with context-specific guidance for different business types \n Teaches WHY and WHEN to use each pattern, not just templates; includes explicit anti-patterns like democratic design, perfect symmetry, and generic copy \n Provides cross-cutting principles on hierarchy, asymmetry, and restraint that apply across all patter