Frontend skills

This skill helps you initialize a Next.js 15 App Router project with Todo/Blog/Dashboard/E-commerce options, modern stack, and automated boilerplate.

This skill analyzes project context from uploaded files and generates enhanced, implementation-ready prompts for development tasks.

This skill creates distinctive, high-converting landing pages using Next.js 14+ and ShadCN UI, delivering memorable design and production-ready code.

This skill helps you apply Next.js best practices across routing, data handling, and optimization to improve reliability and performance.

This skill guides you upgrade Next.js to the latest version following official migration guides, codemods, and dependency updates.

This skill helps you implement Next.js 16 Cache Components to mix static, cached, and dynamic content for faster, tailored pages.

This skill helps you plan complex features by researching evidence-based approaches and generating an actionable implementation plan before coding.

This skill helps you implement and debug any network request using expo fetch, React Query, error handling, caching, and offline support.

This skill lets you run web code in native apps using DOM components, enabling web libraries and incremental migration with Expo.

This skill configures Tailwind CSS v4 in Expo with NativeWind and react-native-css for universal styling across iOS, Android, and Web.

This skill guides you through Expo SDK upgrades and dependency fixes, including diagnostics, prebuild considerations, and breaking changes.

This skill helps you build cross-platform AI chat interfaces with Makepad using MolyKit, offering ready-made widgets, BotClient, and SSE streaming.

This skill helps you understand Makepad platform support across macOS, Windows, Linux, Web, and mobile backends and use conditional compilation effectively.

This skill guides structuring Makepad apps with Robius patterns, enabling async backend integration, signal-driven UI updates, and Tokio-runtime orchestration.

This skill helps you implement Makepad animation patterns, generating code and answering questions about states, transitions, and timelines for dynamic UI.

This skill helps you handle Makepad events and actions, enabling widget-to-parent communication and robust event flow.

This skill helps you generate and explain Makepad shader code, focusing on Sdf2d, gradients, and advanced drawing patterns for widgets.

This skill helps you configure and render crisp text with Makepad fonts, layouts, and SDF-based GPU rendering.

This skill helps you author and execute dynamic Splash scripts for AI-assisted UI, async tasks, and rapid prototyping.

This skill guides developing and refining the MassGen Textual TUI with browser-based visual feedback, debugging, and live styling improvements.

This skill generates code explanation cards with title and explanation sections, including syntax highlighted code samples and Korean explanations for