Frontend skills

This skill helps you implement Flutter animations effectively by choosing implicit, explicit, hero, staggered, and physics-based approaches for smooth UX.

This skill discovers Mobbin UX patterns, generates a design spec for approval, then implements research-backed interfaces.

This skill helps you build adaptive Flutter UIs that gracefully respond to screen size and platform, enhancing usability across mobile, tablet, and desktop.

This skill provides comprehensive Flutter networking guidance for HTTP CRUD, WebSocket, authenticated requests, error handling, and performance optimization.

This skill generates minimal, semantic HTML views to review structured output in a browser, improving readability of lists, tables, and drafts.

This skill helps you integrate Duit into Flutter apps by wiring drivers, transports, and backend-driven UI with reusable components.

This skill helps design AI loading UX by guiding reasoning displays, progress steps, and streaming indicators to reduce perceived wait time.

This skill helps you generate temporary debugging interfaces that reveal internal state, transitions, and data flow for complex systems.

This skill converts user journeys into a structured screen flow, mapping screens, navigation, and design system elements for PRD v0.4.

This skill helps you design and implement world-class SwiftUI interfaces with accessibility, performance, and Apple-like polish across platforms.

This skill evaluates and improves user interfaces across CLI, web, and mobile, delivering concrete, actionable UX enhancements that boost usability and

This skill guides you to design clear error states and recovery flows that help users resolve issues quickly and confidently.

This skill helps you implement comprehensive accessibility practices across WCAG, semantic HTML, keyboard navigation, and screen readers, ensuring inclusive

This skill helps you design effective loading and empty states that maintain user confidence during delays and empty data scenarios.

This skill helps you optimize perceived performance using optimistic UI, skeletons, and latency strategies to boost user trust and loading experience.

This skill transforms scripts into Qoder brand style HTML presentations optimized for browser playback with keyboard navigation and auto-scaling.

This skill enables debugging a real browser via a Playwright-based CLI, reusing a single session to navigate, evaluate JS, screenshot, and inspect elements.

This skill helps you develop HarmonyOS NEXT native apps with ArkTS/ArkUI, delivering high-quality code and performance aligned with Huawei guidelines.

This skill helps you design accessible, themed color systems with harmony, dark mode support, and color-blind friendly palettes across brands.

This skill helps you implement Vue 3 Composition API patterns in components using script setup, refs, reactive, and computed for robust state management.

This skill helps you apply Angular with BEM best practices to create reusable, well-structured component styles and enforce consistent naming.