Explorar skills

Reviews HTML/CSS or component code for responsive design issues across mobile, tablet, and desktop breakpoints.

Esta Skill de Agente de link completo do Guandata BI oferece recursos abrangentes para consulta de dados, governança de ETL, desenvolvimento de gráficos personalizados e pipelines de publicação para dashboards, páginas e SuperApps.

React-specific development patterns including hooks (useState, useEffect, useReducer, useContext), component architecture, state management, shadcn/ui integration, JSX/TSX, React testing, and Bulletproof React auditing. NOT for Next.js routing, SSR, or server components (use nextjs-development). NOT for CSS design systems, Tailwind utilities, or accessibility patterns (use frontend-design).

Use quando o usuário quiser projetar, pré-visualizar ou personalizar um tema de vault do Obsidian, incluindo a escolha de estilos, comparação de esquemas de cores, ajuste de tipografia ou geração de snippets CSS. Ativa com palavras-chave como "tema Obsidian", "esquema de cores", "snippet CSS", "aparência".

Visual design systems, UI/UX styling, Tailwind CSS, CSS variables, component libraries (shadcn/ui, Radix UI), design tokens, accessibility (WCAG), responsive layout, dark mode, and Figma-to-code workflows. NOT for React component logic, hooks, or state management (use react-development). NOT for Next.js routing, SSR, or server components (use nextjs-development).

Esta skill gera animações HTML/CSS autônomas de funcionalidades de aplicativos para tutoriais, demonstrações e integração. Ela pesquisa o aplicativo, entrevista o usuário e passa por um processo de revisão iterativo até a aprovação.

Next.js framework development including App Router, Server Components, Server Actions, SSR, SSG, ISR, caching, data fetching, middleware, layouts, parallel routes, and module architecture for Next.js 13+/15/16. NOT for generic React patterns, hooks, or component logic (use react-development). NOT for UI/CSS design systems or visual styling (use frontend-design).

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Use when user asks to build a web component, page, or application, or when the task involves frontend design, HTML/CSS generation, or UI layout. Applies specific rules for typography, OKLCH color, layout, motion, interaction, and UX writing to produce distinctive, production-grade interfaces that avoid generic AI aesthetics.

Live CSS playground for tweaking element styles in real-time in the browser. Use when the user says 'open css playground', 'let me tweak styles', 'live edit CSS', 'try different styles', 'experiment with styles', or wants to visually iterate on CSS before committing to source code.

Gera relatórios de consultoria profissionais em formato A4 com a estética McKinsey/BCG/Bain. Cria documentos HTML otimizados para impressão que se assemelham a entregáveis de consultoria.

Use when you need frontend development for UI components, React, CSS, or styling.