Navigation

swiftui-patterns é um guia prático de Frontend Development para plataformas Apple. Ele cobre gerenciamento de estado em SwiftUI, fluxos com NavigationStack, composição de views e orientações de desempenho para ajudar você a escolher o padrão certo para código real de app. Use a skill swiftui-patterns ao refatorar ou criar telas com responsabilidade bem definida e menos re-renderizações.

O dart-flutter-patterns é uma skill prática de Dart e Flutter para desenvolvimento frontend, cobrindo null safety, estado imutável, composição assíncrona, estrutura de widgets, gerenciamento de estado, navegação com GoRouter, rede com Dio, testes e clean architecture. Use o guia dart-flutter-patterns para escolher padrões prontos para produção em novas funcionalidades e refatorações.

compose-multiplatform-patterns é um guia prático de Compose Multiplatform e Jetpack Compose em apps KMP. Ele cobre gerenciamento de estado, navegação, temas, desempenho e padrões de UI reutilizáveis para Android, iOS, Desktop e Web, ajudando equipes de frontend a construir telas compartilhadas e sustentáveis.

react-native-design é uma skill focada em padrões de UI para React Native, cobrindo estilização com StyleSheet, React Navigation tipado e uso de Reanimated 3 em telas multiplataforma.

site-architecture ajuda a planejar ou reorganizar a hierarquia de páginas de um site, a navegação, os padrões de URL e a linkagem interna. Use para criar sitemaps, especificações de navegação, mapas de URL e diagramas de site em Mermaid ou ASCII para planejamento de marketing e UI/UX.

vue-router-best-practices é um guia objetivo de Vue Router 4 para corrigir navigation guards, atualizações de parâmetros de rota, estado obsoleto de componentes, loops de redirecionamento e padrões `next()` descontinuados em apps frontend.

building-native-ui é uma skill de UI para Expo Router voltada a apps React Native com aparência nativa. Entenda o contexto de instalação, a estrutura de rotas, tabs, headers, animações, mídia e limitações de plataforma antes de usar.

ios-design-guidelines ajuda a revisar, ajustar e reescrever interfaces em SwiftUI/UIKit com base nas Diretrizes de Interface Humana da Apple para iPhone. É útil para orientar decisões práticas de layout, navegação, acessibilidade, Dynamic Type, Dark Mode e escolha de componentes do sistema quando você precisa de feedback confiável de ios-design-guidelines para UI Design.

android-design-guidelines é um guia prático de Material Design 3, Jetpack Compose e layouts XML. Use-o para revisar decisões de UI em Android, incluindo tema, navegação, acessibilidade, layouts adaptativos, cores dinâmicas e conformidade com Material You. Ideal para tarefas com android-design-guidelines como guia e para android-design-guidelines em Design de UI.

hig-components-search é uma skill do Apple HIG para decisões de design de interface em torno de campos de busca, controles de página e controles de caminho. Use-a quando precisar de orientação clara sobre comportamento de busca, escopos, paginação e navegação hierárquica em interfaces do macOS ou iPadOS. Ela é especialmente útil para UX de busca, sugestões de busca e navegação estruturada.

hig-components-menus é uma skill de diretrizes do Apple HIG para menus e superfícies de comando acionadas por botões. Use a skill hig-components-menus para decisões de UI Design sobre menus, menus de contexto, barras de ferramentas, barra de menus e controles relacionados quando você precisar de orientação específica da Apple sobre posicionamento, agrupamento e comportamento de comandos.

hig-components-layout é uma skill de navegação e layout baseada no Apple HIG para escolher sidebars, split views, tab bars, listas, tabelas, outline views, colunas, painéis, janelas, scroll views, boxes e ornaments. Use-a em decisões de UI Design e estrutura de app quando você precisa de orientação clara, alinhada à plataforma, em vez de conselhos genéricos de layout responsivo.