Categoria: AI Coding Assistants

Categoria: AI Coding Assistants

Skill para atuar como desenvolvedor Java sênior especialista em Spring Boot, APIs REST, microsserviços, arquitetura limpa, testes, performance, segurança e boas práticas de produção.

Categoria: AI Coding Assistants

--- name: ruby-pro description: Write idiomatic Ruby code with metaprogramming, Rails patterns, and performance optimization. Specializes in Ruby on Rails, gem development, and testing frameworks. Use

Categoria: AI Coding Assistants

--- name: php-pro description: Write idiomatic PHP code with generators, iterators, SPL data structures, and modern OOP features. Use PROACTIVELY for high-performance PHP applications. model: inherit

Categoria: AI Coding Assistants

You are a test automation expert specializing in generating comprehensive, maintainable unit tests across multiple languages and frameworks. Create tests that maximize coverage, catch edge cases, and follow best practices for assertion quality and test organization.

Categoria: AI Coding Assistants

--- name: test-automator description: Master AI-powered test automation with modern frameworks, self-healing tests, and comprehensive quality engineering. Build scalable testing strategies with advanc

Categoria: AI Coding Assistants

--- name: debugger description: Debugging specialist for errors, test failures, and unexpected behavior. Use proactively when encountering any issues. model: sonnet --- You are an expert debugger spec

Categoria: AI Coding Assistants

| Approach | Runtime | Bundle Size | Learning Curve | Dynamic Styles | SSR | | ----------------- | ------- | -------------- | -------------- | -------------- | ----- | | CSS Modules | None | Minimal | Low | Limited | Yes | | Tailwind | None | Small (purged) | Medium | Via classes | Yes | | styled-components | Yes | Medium | Medium | Full | Yes\ | | Emotion | Yes | Medium | Medium | Full | Yes | | Vanilla Extract | None | Minimal | High | Limited | Yes |

Categoria: AI Coding Assistants

Compound components share implicit state while allowing flexible composition.

Categoria: AI Coding Assistants

import { useEffect, useRef, type ReactNode } from "react"; import { createPortal } from "react-dom";

Categoria: AI Coding Assistants

Build reusable, maintainable UI components using modern frameworks with clean composition patterns and styling approaches.

Categoria: AI Coding Assistants

A modular scale creates harmonious relationships between font sizes using a mathematical ratio.

Categoria: AI Coding Assistants

The 8-point grid is the industry standard for consistent spacing.

Categoria: AI Coding Assistants

Using OKLCH for perceptually uniform color scales:

Categoria: AI Coding Assistants

Build cohesive, accessible visual systems using typography, color, spacing, and iconography fundamentals.

Categoria: AI Coding Assistants

Fluid design creates smooth scaling experiences by using relative units and mathematical functions instead of fixed breakpoints. This approach reduces the need for media queries and creates more natural-feeling interfaces.

Categoria: AI Coding Assistants

Container queries enable component-based responsive design by allowing elements to respond to their container's size rather than the viewport. This paradigm shift makes truly reusable components possible.

Categoria: AI Coding Assistants

Effective breakpoint strategies focus on content needs rather than device sizes. Modern responsive design uses fewer, content-driven breakpoints combined with fluid techniques.

Categoria: AI Coding Assistants

Master modern responsive design techniques to create interfaces that adapt seamlessly across all screen sizes and device contexts.

Categoria: AI Coding Assistants

import { StyleSheet, ViewStyle, TextStyle, ImageStyle } from "react-native";

Categoria: AI Coding Assistants

import Animated, { useSharedValue, useAnimatedStyle, withSpring, withTiming, withDelay, withSequence, withRepeat, Easing, } from 'react-native-reanimated';

Categoria: AI Coding Assistants

npm install @react-navigation/native npm install @react-navigation/native-stack npm install @react-navigation/bottom-tabs

Categoria: AI Coding Assistants

Master React Native styling patterns, React Navigation, and Reanimated 3 to build performant, cross-platform mobile applications with native-quality user experiences.

Categoria: AI Coding Assistants

struct ItemListView: View { @State private var items: [Item] = []

Categoria: AI Coding Assistants

struct BasicNavigationView: View { var body: some View { NavigationStack { List(items) { item in NavigationLink(item.title, value: item) } .navigationTitle("Items") .navigationDestination(for: Item.self) { item in ItemDetailView(item: item) } } } }