Look up official Nuxt documentation for specific APIs, advanced features, or implementation details not covered in repository instructions. Use when precise Nuxt framework information is needed.
ApexCharts integration for Vue 3 using vue3-apexcharts for data visualization. WHEN: Creating charts in Vue 3 (line, bar, pie, donut, radar, heatmap), building dashboards, real-time chart updates, integrating API data with charts. WHEN NOT: Non-Vue projects, other chart libraries (Chart.js, D3), general Vue development (use vuejs-dev).
Comprehensive React best practices for building scalable web applications with feature-based architecture, TypeScript, state management patterns, performance optimization, and testing guidelines. Use when creating React/Next.js UIs, components, features, or applications. This skill provides official React documentation guidance, 2025 community best practices, folder structure recommendations, and component patterns.
Use when building SvelteKit apps with Svelte 5. Covers runes, SSR, forms, and stack patterns (Kysely, Better Auth, shadcn-svelte).
Responsive design, breakpoints, container queries
Angular 21+ state management with signals, NgRx SignalStore, resource APIs, AsyncState patterns, and localStorage abstraction for modern reactive applications
Build React UIs with Mantine component library. Customize styles with Styles API, handle forms with @mantine/form, implement theming, and avoid accessibility pitfalls. Use when creating Mantine components or fixing styling issues.
Teaches useFormStatus hook for tracking form submission state in React 19. Use when implementing submit buttons, form loading states, or pending indicators.
Skills for working with Angular Material v20 (@angular/material: "~20.0.0") UI component library in Angular applications.
Next.js App Router integration for @astroapps/client providing useNextNavigationService hook and automatic URL query syncing. Use when building Next.js 14+ applications with navigation and query parameter management.
TypeScript and React/TSX coding conventions and patterns
Write and maintain CSS using consistent methodology, design systems, framework utilities, and minimal custom styles for better performance and maintainability. Use this skill when writing or modifying CSS files, style modules, Tailwind classes, styled-components, CSS-in-JS, or any styling code for UI components. Use this when applying utility classes, maintaining design tokens for colors/spacing/typography, working with CSS frameworks like Tailwind or Bootstrap, avoiding framework style overrides, optimizing CSS for production with purging/tree-shaking, or implementing responsive styling. Use this when working on .css, .scss, .module.css files or when adding className/style attributes to components.
useCallbackใuseEffect ใฎๆญฃใใไฝฟใๆนใ็ก้ใซใผใ้ฒๆญขใBiomeใใงใใฏๅพใฎไฟฎๆญฃใClient Componentไฝๆๆใซไฝฟ็จใ
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
React compound components pattern (safe, minimal context, ergonomic API)
Design and implement production-grade UI for this No Name Running Club app (Next.js App Router + React + TypeScript + Tailwind CSS 4). Use when building or restyling components/pages/modals/admin screens. Follow the NNRC style guide, design tokens, and existing design utilities; prioritize a clean, modern โfitness appโ aesthetic with bold metrics and polished interactions.
Use when building UI with NiceGUI, creating components, fixing styling issues, or when user mentions "nicegui", "quasar", "tailwind", "ui.row", "ui.column", "gap spacing", "state management", "controller", "dialog", "modal", "ui component", "ui layout".
Cria componentes React seguindo os padrรตes Bewear com shadcn/ui, TypeScript e Tailwind CSS. Use quando precisar criar novos componentes ou modificar componentes existentes.
Modernize and restyle the Expo/React Native frontend (React 19, RN 0.81, expo-router) while keeping flows working. Use for UI refreshes, design-token alignment, accessibility/UX polish, performance/responsiveness tuning, and component refactors across mobile and web.
CSS/UIใฎๅคๆดๅพใซใใฉใฆใถใงใใธใฅใขใซ็ขบ่ชใ่กใใใฌใคใขใฆใ็ขบ่ชใไฝ็ฝใใงใใฏใใใถใคใณ่ฆไปถใจใฎ็ งๅใซไฝฟ็จใUIใๅดฉใใฆใใชใใ็ขบ่ชใใใๆใซๅผใณๅบใใ
