Frontend skills

This skill helps produce production-grade UI designs with tokens, layout rules, motion guidance, and accessibility checks for scalable frontend development.

This skill helps you configure TanStack Query v5 in React apps, enabling efficient data fetching, caching, optimistic updates, and devtools debugging.

This skill helps Swift developers build bridge-based WebAssembly apps by exporting Swift APIs to JavaScript and importing TS/JS definitions.

This skill helps you annotate UI elements for AI agents by capturing CSS selectors and component trees to target code precisely.

This skill helps you create Obsidian-friendly Mermaid diagrams with square layouts, minimal labels, and clean rendering for reliable markdown diagrams.

This skill helps you optimize Vue apps by applying performance patterns across reactivity, components, and composition API for faster, maintainable code.

This skill assists building WeChat Mini Programs with CloudBase, handling authentication, deployment, and AI model calls across miniprogram and cloudfunctions.

This skill helps you conduct comprehensive accessibility audits across code, ARIA, keyboard navigation, and screen reader compatibility for WCAG compliance.

This skill analyzes GitHub issues, triages type and priority, and proposes concrete resolution plans using specification driven development.

This skill helps you craft efficient, type-safe GraphQL operations by guiding naming, fragmentation, variable usage, and minimal data fetching.

This skill helps you generate correct shadcn/Tailwind layouts by applying CSS layout mental models to ensure scrolling, height, and grid correctness.

This skill helps you create interactive iOS UX prototypes as self-contained HTML with phone frames and annotations to visualize flows.

This skill helps design and implement unit, integration, and end-to-end tests with TDD/BDD practices to improve coverage and reliability.

This skill helps you implement clean, maintainable, and testable software by applying SOLID, design patterns, and best practices across languages.

This skill helps you design production-grade frontend interfaces by analyzing designs, generating tokens, palettes, typography, and framework-ready components.

This skill helps you post articles or image-text to WeChat Official Account using Chrome CDP, converting Markdown to rich HTML for publication.

This skill guides React developers through Apollo Client 4.x setup, caching, local state, and error handling to build efficient GraphQL apps.

This skill helps you write Angular unit tests with Vitest and TestBed using practical templates and patterns beside source files.

This skill helps you implement consistent Tailwind CSS patterns, responsive design, and accessible components using a utility-first approach.

This skill helps you accelerate cross-platform React Native development with Expo, router navigation, and EAS build strategy for rapid iteration and reliable

This skill helps you create Angular v20+ standalone components using modern DI, signals, and template patterns for scalable UI.