AI chat interfaces require many coordinated React components. This skill guides creation and customization of AI Elements components for Vercel AI SDK apps.

Frontend work often fails when framework conventions, browser validation, and deployment rules are mixed together. This skill gives agents a structured path for React, Vue, Vite, and CloudBase web work.

Large coding changes often fail when scope, design, and acceptance criteria are vague. This skill guides Claude, Codex, and Claude Code through requirements, design, tasks, and staged confirmation.

CloudBase PG apps need correct SDK, schema, auth, RLS, and storage setup. This skill guides agents through safe PostgreSQL workflows and verification.

WeChat Mini Program work requires platform-specific structure, preview, and CloudBase decisions. This skill guides setup, debugging, release checks, and CloudBase integration.

CloudBase teams need reliable raw HTTP integrations when SDKs are unavailable. This skill guides endpoint selection, authentication, OpenAPI lookup, and safe request construction.

Browser storage workflows can fail when buckets, domains, or access rules are incomplete. This skill guides CloudBase Web SDK uploads, downloads, temporary URLs, and environment checks.

WeChat Pay and Official Account OAuth on CloudBase require correct generated functions, openid types, and callback checks. This skill guides Claude, Codex, and Claude Code through scenario setup, client calls, and safe extension patterns.

CloudBase Web teams need safe NoSQL patterns for frontend data work. This skill guides CRUD, queries, pagination, realtime listeners, geolocation, and security rules.

Mini Program database work requires correct SDK patterns and security rules. This skill guides Claude, Codex, and Claude Code through CloudBase document database tasks.

WeChat Mini Program auth is easy to misapply when CloudBase identity is automatic. This skill gives practical patterns for wx.cloud, OPENID, UNIONID, and cloud functions.

WeChat Mini Program AI setup has provider, billing, and streaming differences that are easy to misconfigure. This skill guides Claude, Codex, or Claude Code through CloudBase preflight checks and wx.cloud.extend.AI usage.

Browser AI integration can fail when model groups, auth, or Token Credits are not prepared. This skill guides CloudBase preflight, model enabling, and SDK calls for web apps.

Backend AI setup often fails when model groups, credits, and SDK methods are guessed. This skill gives CloudBase Node.js patterns, preflight checks, and model enablement steps.

Teams often overbuild while trying to make failing tests pass. This skill guides Claude, Codex, and Claude Code toward minimal green-phase implementation.

Svelte 5 syntax changes can be hard to check by memory. This skill points agents to CLI documentation and autofix commands.

Inaccessible interfaces exclude users and create compliance risk. This skill guides accessible HTML, ARIA, keyboard behavior, visual contrast, and testing.

Frontend teams often repeat component decisions across projects. This skill guides Claude, Codex, and Claude Code to design reusable React components with clear props.

Software teams need clear test coverage before releases and refactors. This skill helps Claude, Codex, and Claude Code plan practical testing layers, tools, and quality gates.

Users often struggle to choose between local state, global stores, and server data caching. This skill gives React patterns for Context, Zustand, Redux Toolkit, and TanStack Query.