Design e Frontend
16.414 skills encontradas
Alerta por categoria
Receba novas skills de Design e Frontend toda segunda
Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.
mk:ui-design-system
Use when designing UI components, creating design systems, reviewing visual design, or checking accessibility compliance. Triggers on "design system", "UI review", "color palette", "font pairing", "accessibility audit", "responsive design", "WCAG check". Auto-activates when ui-ux-designer agent is working. Data-driven: 160 palettes, 73 font pairings, 161 product types, 98 UX guidelines, 25 chart t
mk:brainstorming
Use when exploring technical solutions, comparing approaches, or generating alternatives for a validated problem. Triggers on "brainstorm solutions", "explore approaches", "compare options", "trade-off analysis", "how should we build". Do NOT use for product validation ("is this worth building?" → use mk:office-hours instead). Do NOT use when a plan already exists (→ use mk:plan-ceo-review instead
tailwindcss-layout
Layout utilities Tailwind CSS v4.1. Flexbox (flex, justify, items, gap), Grid (grid-cols, grid-rows, place), Position (absolute, relative, fixed, sticky, inset, z-index), Container queries (@container).
mk:benchmark
Use when measuring harness changes against ground truth — runs a small canary suite (5 quick tasks, 6 with --full) and records scores in trace-log.jsonl. Backs the dead-weight audit with measured deltas. Triggers on /mk:benchmark, "run benchmark", "measure harness", or before/after a harness change.
mk:jira-lifecycle
Drive JIRA workflow lifecycle via the jira-as wrapper: transition, assign, resolve, reopen, manage versions and components. Triggers: 'transition KEY to Status', 'mark KEY as Done', 'assign KEY to user', 'reopen KEY', 'release version', 'create component'. NOT for issue CRUD (mk:jira-issue); NOT for bulk transitions (mk:jira-bulk).
react-19
React 19.2 features - use(), useOptimistic, useActionState, useEffectEvent, Activity component, React Compiler. Use when implementing React 19 patterns.
irpf-brasil
Assistente especializado em Imposto de Renda Pessoa Física (IRPF) Brasil — ciclo 2026, ano-base 2025. Use-o quando o usuário mencionar termos como IRPF, Imposto de Renda, declaração de IR, malha fina, DARF, REVAR, Cashback IRPF, pré-preenchida, Núcleo Familiar, restituição IR, bets imposto, ComprovaBet, e-Social IR, DIRF, ganhos bolsa imposto, day trade, GCAP ou ganho de capital.
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Use when verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
interview:clarify
Targeted interview for execution-time clarification. Use when you hit an ambiguity or decision point during implementation that needs user input before proceeding.
pict-test-designer
Design comprehensive test cases using PICT (Pairwise Independent Combinatorial Testing) for any piece of requirements or code. Analyzes inputs, generates PICT models with parameters, values, and constraints for valid scenarios using pairwise testing. Outputs the PICT model, markdown table of test cases, and expected results.
api-design-patterns
Comprehensive REST and GraphQL API design patterns with versioning, pagination, error handling, and HATEOAS principles. Use when designing APIs, defining endpoints, or architecting service contracts requiring production-grade patterns.
sequential-thinking
Use when complex problems require systematic step-by-step reasoning with ability to revise thoughts, branch into alternative approaches, or dynamically adjust scope. Ideal for multi-stage analysis, design planning, problem decomposition, or tasks with initially unclear scope.