web▌

Choose Tavily endpoint based on user intent:

Production-grade HTML/CSS built with BEM, semantic tokens, mobile-first responsive design, and optional dark mode. \n \n Enforces BEM naming conventions, CSS custom properties for all design values, and semantic HTML structure to ensure maintainability and consistency \n Mobile-first workflow: design for 375px, enhance upward with four breakpoints (640px, 768px, 1024px, 1440px); includes hamburger navigation and 44x44px touch targets \n Optional three-state dark mode via JavaScript class toggle

在开始联网操作前，先检查 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

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

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

Skill by ara.so — Daily 2026 Skills collection.

Production-ready integration patterns for Mapbox GL JS across React, Vue, Svelte, Angular, and vanilla JavaScript. \n \n Covers framework-specific lifecycle management (useEffect/useRef in React, mounted/unmounted in Vue, onMount/onDestroy in Svelte, ngOnInit/ngOnDestroy in Angular) with proper cleanup to prevent memory leaks \n Includes Web Components pattern for framework-agnostic reusable map elements and cross-framework compatibility \n Provides token management via environment variables, Se

CloudBase document database Web SDK for querying, creating, updating, and deleting data in web applications. \n \n Supports CRUD operations, complex queries with operators (gt, gte, lt, lte, eq, neq, in, nin), and method chaining for filtering, sorting, and field selection \n Includes pagination via skip/limit, aggregation pipelines, geolocation queries, and real-time data synchronization with watch() listeners \n Requires SDK initialization with environment ID and authentication before database