← Back to catalog
wpank

Author in the catalog

wpank

107 skills856 stars totalgithub.com/wpank

Published skills

Showing 48 of 107

copywriting

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Escrita e Conteúdoby wpank

tailwind-v4-+-shadcn/ui-stack

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Design e Frontend#ai#tailwindby wpank

marketing-psychology

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Marketingby wpank

architecture-patterns

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Desenvolvimentoby wpank

react-composition-patterns

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Design e Frontend#reactby wpank

api-design

8

REST and GraphQL API design principles — resource modeling, HTTP semantics, pagination, error handling, HATEOAS, schema design, and DataLoader patterns. Use when designing new APIs, reviewing specs, or establishing team API standards.

Dados e Análise#apiby wpank

api-versioning

8

API versioning strategies — URL path, header, query param, content negotiation — with breaking change classification, deprecation timelines, migration patterns, and multi-version support. Use when evolving APIs, planning breaking changes, or managing version lifecycles.

Escrita e Conteúdo#apiby wpank

auth-patterns

8

Authentication and authorization patterns — JWT, OAuth 2.0, sessions, RBAC/ABAC, password security, MFA, and vulnerability prevention. Use when implementing login flows, protecting routes, managing tokens, or auditing auth security.

Segurança#wordby wpank

react-best-practices

8

React and Next.js performance optimization guidelines from Vercel Engineering. 57 rules across 8 categories for writing, reviewing, and refactoring React code.

Design e Frontend#reactby wpank

responsive-design

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Design e Frontendby wpank

database-migrations

8

Safe, zero-downtime database migration strategies — schema evolution, rollback planning, data migration, tooling, and anti-pattern avoidance for production systems. Use when planning schema changes, writing migrations, or reviewing migration safety.

Dados e Análiseby wpank

error-handling

8

Error handling patterns across languages and layers — operational vs programmer errors, retry strategies, circuit breakers, error boundaries, HTTP responses, graceful degradation, and structured logging. Use when designing error strategies, building resilient APIs, or reviewing error management.

Design e Frontend#apiby wpank

rate-limiting

8

Rate limiting algorithms, implementation strategies, HTTP conventions, tiered limits, distributed patterns, and client-side handling. Use when protecting APIs from abuse, implementing usage tiers, or configuring gateway-level throttling.

Automação#apiby wpank

api-development

8

Meta-skill that orchestrates the full API development lifecycle — from design through documentation — by coordinating specialized skills, agents, and commands into a seamless build workflow.

Automação#apiby wpank

event-store

8

Design and implement event stores for event-sourced systems. Use when building event sourcing infrastructure, implementing event persistence, projections, snapshotting, or CQRS patterns.

Design e Frontendby wpank

microservices-patterns

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Desenvolvimentoby wpank

postgres-job-queue

8

PostgreSQL-based job queue with priority scheduling, batch claiming, and progress tracking. Use when building job queues without external dependencies. Triggers on PostgreSQL job queue, background jobs, task queue, priority queue, SKIP LOCKED.

Dados e Análise#sql#aiby wpank

k8s-manifest-generator

8

Create production-ready Kubernetes manifests for Deployments, Services, ConfigMaps, and Secrets following best practices and security standards. Use when generating Kubernetes YAML manifests, creating K8s resources, or implementing production-grade Kubernetes configurations.

DevOps e Infra#deployby wpank

caching

8

Caching strategies, invalidation, eviction policies, HTTP caching, distributed caching, and anti-patterns. Use when designing cache layers, choosing eviction policies, debugging stale data, or optimizing read-heavy workloads.

Desenvolvimentoby wpank

api-design-principles

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Design e Frontend#apiby wpank

go-concurrency

8

Production Go concurrency patterns — goroutines, channels, sync primitives, context, worker pools, pipelines, and graceful shutdown. Use when building concurrent Go applications or debugging race conditions.

Desenvolvimentoby wpank

supabase-postgres

8

Postgres performance optimization and best practices from Supabase — covering indexing, connection management, RLS security, schema design, locking, data access patterns, and monitoring. Use when writing SQL, designing schemas, optimizing queries, or configuring Postgres.

Dados e Análise#sqlby wpank

design-system-patterns

8

Foundational design system architecture — token hierarchies, theming infrastructure, token pipelines, and governance. Use when creating design tokens, implementing theme switching, setting up Style Dictionary, or establishing multi-brand theming. Triggers on design tokens, theme provider, Style Dictionary, token pipeline, multi-brand theming, CSS custom properties architecture.

Design e Frontend#cssby wpank

financial-data-visualization

8

Patterns for building dark-themed financial charts and data visualizations. Covers chart theming, color scales for gains/losses, and real-time data display. Use when building trading dashboards or financial analytics. Triggers on chart theme, data visualization, financial chart, dark theme, gains losses, trading UI.

Dados e Análise#aiby wpank

theme-factory

8

Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.

Escrita e Conteúdo#aiby wpank

ui-ux-pro-max

8

Searchable UI/UX design databases: 50+ styles, 97 palettes, 57 font pairings, 99 UX rules, 25 chart types. CLI generates design systems from natural language. Data-driven complement to ui-design.

Design e Frontend#aiby wpank

nextjs

8

Next.js App Router best practices — Server Components, data fetching, caching, routing, middleware, metadata, error handling, streaming, Server Actions, and performance optimization for Next.js 14-16+.

Dados e Análiseby wpank

tailwind-design-system

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Design e Frontend#ai#tailwindby wpank

architecture-decision-records-(adrs)

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

DevOps e Infraby wpank

monorepo

8

Build and manage monorepos with Turborepo, Nx, and pnpm workspaces — covering workspace structure, dependency management, task orchestration, caching, CI/CD, and publishing. Use when setting up monorepos, optimizing builds, or managing shared packages.

DevOps e Infraby wpank

service-layer-architecture

8

Controller-service-query layered API architecture with data enrichment and parallel fetching. Use when building REST APIs or GraphQL resolvers with clean separation of concerns. Triggers on API architecture, service layer, controller pattern, data enrichment, REST API.

Dados e Análise#apiby wpank

animated-financial-display

8

Patterns for animating financial numbers with spring physics, formatting, and visual feedback. Covers animated counters, price tickers, percentage changes, and value flash effects. Use when building financial dashboards or trading UIs. Triggers on animated number, price animation, financial display, number formatting, spring animation, value ticker.

Design e Frontendby wpank

design-system-components

8

Patterns for building design system components using Surface primitives, CVA variants, and consistent styling. Use when building reusable UI components that follow design token architecture. Triggers on Surface component, CVA, class-variance-authority, component variants, design tokens.

Design e Frontendby wpank

distinctive-design-systems

8

Patterns for creating design systems with personality and distinctive aesthetics. Covers aesthetic documentation, color token architecture, typography systems, layered surfaces, and motion. Use when building design systems that go beyond generic templates. Triggers on design system, design tokens, aesthetic, color palette, typography, CSS variables, tailwind config.

Design e Frontend#css#aiby wpank

ai

8

WHAT: Kubernetes manifest generation - Deployments, StatefulSets, CronJobs, Services, Ingresses, ConfigMaps, Secrets, and PVCs with production-grade security and health checks. WHEN: User needs to create K8s manifests, deploy containers, configure Services/Ingress, manage ConfigMaps/Secrets, set up persistent storage, or organize multi-environment configs. KEYWORDS: kubernetes, k8s, manifest, depl

DevOps e Infra#deploy#aiby wpank

ai

8

WHAT: Production-ready Node.js backend patterns - Express/Fastify setup, layered architecture, middleware, error handling, validation, database integration, authentication, and caching. WHEN: User is building REST APIs, setting up Node.js servers, implementing authentication, integrating databases, adding validation/caching, or structuring backend applications. KEYWORDS: nodejs, node, express, fas

Automação#ai#apiby wpank

loading-state-patterns

8

Patterns for skeleton loaders, shimmer effects, and loading states that match design system aesthetics. Covers skeleton components, shimmer animations, and progressive loading. Use when building polished loading experiences. Triggers on skeleton, loading state, shimmer, placeholder, loading animation.

Design e Frontendby wpank

ui-design

8

Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.

Design e Frontendby wpank

web-design

8

CSS implementation patterns for layout, typography, color, spacing, and responsive design. Complements ui-design (fundamentals) with code-focused examples.

Design e Frontend#cssby wpank

ai

8

WHAT: Docker containerization expertise - multi-stage builds, image optimization, security hardening, Docker Compose orchestration, and production deployment patterns. WHEN: User needs Dockerfile optimization, container issues, image size problems, security hardening, networking configuration, Docker Compose setup, or production container deployment. KEYWORDS: docker, dockerfile, container, image,

DevOps e Infra#deploy#aiby wpank

prometheus

8

Prometheus monitoring — scrape configuration, service discovery, recording rules, alert rules, and production deployment for infrastructure and application metrics.

DevOps e Infra#deployby wpank

native-ui

8

Building native mobile UIs with Expo Router and React Native. Covers routing, navigation, styling, native controls, animations, and platform conventions following Apple Human Interface Guidelines.

Design e Frontend#reactby wpank

solidity-security

8

Smart contract security patterns, vulnerability prevention, gas optimization, and audit preparation for Solidity development. Use when writing, auditing, or hardening smart contracts against reentrancy, overflow, access control, oracle manipulation, and front-running attacks.

Segurança#aiby wpank

expo-native-ui

8

Build beautiful native iOS/Android apps with Expo Router. Covers route structure, native tabs, animations, blur effects, liquid glass, SF Symbols, and platform patterns.

Design e Frontendby wpank

react-performance

8

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Design e Frontend#reactby wpank

shadcn-ui

8

Build accessible, customizable UIs with shadcn/ui, Radix UI, and Tailwind CSS. Use when setting up shadcn/ui, installing components, building forms with React Hook Form + Zod, customizing themes, or implementing component patterns.

Design e Frontend#css#aiby wpank

Content Strategy

8

Plan content aligned with user personas and journey stages. Use when asked to "plan content," "create content strategy," "build editorial calendar," "map content to personas," "audit existing content," or when aligning marketing/docs content with user journeys defined in persona docs.

Escrita e Conteúdoby wpank

context-driven-development

8

Treat project context as a managed artifact alongside code. Use structured context documents (product.md, tech-stack.md, workflow.md) to enable consistent AI interactions and team alignment. Essential for projects using AI-assisted development.

Documentos#aiby wpank

Category alert

Get new Escrita e Conteúdo skills every Monday