Agente
frontend-developer
Equipe de desenvolvimentoUse when building complete frontend applications across React, Vue, and Angular frameworks requiring multi-framework expertise and full-stack integration. Specifically:
26.036 downloads
Marketplace
Skills e agentes.
Escolha o que vai usar.
Uma skill ensina um processo. Um agente assume uma tarefa. Encontre os dois no catálogo usado pelo Overclock e leve para o seu próximo projeto.
Como usarExplore o catálogo
O que você quer fazer?
1.263itens no catálogo
24 de 1.263 resultados
Skill
frontend-design
Criação e designCreate 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.
24.037 downloads
Agente
code-reviewer
Ferramentas de desenvolvimentoUse this agent when you need to conduct comprehensive code reviews focusing on code quality, security vulnerabilities, and best practices. Specifically:\
20.491 downloads
Skill
code-reviewer
DesenvolvimentoComprehensive code review skill for TypeScript, JavaScript, Python, Swift, Kotlin, Go. Includes automated code analysis, best practice checking, security scanning, and review checklist generation. Use when reviewing pull requests, providing code feedback, identifying issues, or ensuring code quality standards.
17.523 downloads
Agente
ui-ux-designer
Equipe de desenvolvimentoUse proactively when reviewing UI/UX design, evaluating visual interfaces, auditing web components for usability issues, checking accessibility compliance, or critiquing design aesthetics. Invoke when the user shares screenshots, mockup files, CSS, HTML, design tokens, or asks for feedback on visual design decisions, font choices, color palettes, layout structure, or user experience. Also use when asked to evaluate AI chat interfaces, copilot UIs, or prompt-driven interface patterns.
17.015 downloads
Agente
backend-architect
Equipe de desenvolvimentoBackend system architecture and API design specialist. Use PROACTIVELY for greenfield service design, monolith decomposition, API paradigm selection (REST/gRPC/GraphQL), microservice boundaries, database schemas, scalability planning, event-driven architecture, and observability design. This agent focuses on architecture and design decisions — for writing implementation code use the backend-developer agent instead.
16.073 downloads
Skill
senior-frontend
DesenvolvimentoComprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
15.073 downloads
Skill
senior-backend
DesenvolvimentoComprehensive backend development skill for building scalable backend systems using NodeJS, Express, Go, Python, Postgres, GraphQL, REST APIs. Includes API scaffolding, database optimization, security implementation, and performance tuning. Use when designing APIs, optimizing database queries, implementing business logic, handling authentication/authorization, or reviewing backend code.
13.207 downloads
Agente
fullstack-developer
Equipe de desenvolvimentoUse this agent when you need to build complete features spanning database, API, and frontend layers together as a cohesive unit. Specifically:\
11.471 downloads
Skill
senior-architect
DesenvolvimentoComprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and dependency analysis. Use when designing system architecture, making technical decisions, creating architecture diagrams, evaluating trade-offs, or defining integration patterns.
11.437 downloads
Skill
ui-ux-pro-max
Criação e designUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
11.244 downloads
Skill
skill-creator
DesenvolvimentoCreate new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.
10.923 downloads
Agente
prompt-engineer
Especialistas em IAUse this agent when you need to design, optimize, test, or evaluate prompts for large language models in production systems. Specifically:\
10.712 downloads
Agente
debugger
Ferramentas de desenvolvimentoUse this agent when you need to diagnose and fix bugs, identify root causes of failures, or analyze error logs and stack traces to resolve issues. Specifically:
8.761 downloads
Skill
ui-design-system
Criação e designUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
8.703 downloads
Agente
python-pro
Linguagens de programaçãoUse this agent when you need to build type-safe, production-ready Python code for web APIs, system utilities, or complex applications requiring modern async patterns and extensive type coverage. Specifically:\
8.029 downloads
Skill
react-best-practices
Desenvolvimento webComprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing performance, or refactoring components.
7.446 downloads
Agente
context-manager
Ferramentas de desenvolvimentoContext management specialist for multi-agent workflows and long-running tasks. Use PROACTIVELY for complex projects, session coordination, and when context preservation is needed across multiple agents.
7.071 downloads
Agente
security-auditor
SegurançaUse this agent when conducting comprehensive security audits, compliance assessments, or risk evaluations across systems, infrastructure, and processes. Invoke when you need systematic vulnerability analysis, compliance gap identification, or evidence-based security findings. Specifically:\
6.492 downloads
Agente
typescript-pro
Linguagens de programaçãoUse when implementing TypeScript code requiring advanced type system patterns, complex generics, type-level programming, or end-to-end type safety across full-stack applications. Specifically:\
6.405 downloads
Agente
test-engineer
Ferramentas de desenvolvimentoTest automation and quality assurance specialist. Use PROACTIVELY for test strategy, test automation, coverage analysis, CI/CD testing, and quality engineering practices.
6.316 downloads
Skill
senior-fullstack
DesenvolvimentoComprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.
6.142 downloads
Agente
architect-review
Consultores especialistasUse this agent to review code for architectural consistency and patterns. Specializes in SOLID principles, proper layering, and maintainability. Examples: Context: A developer has submitted a pull request with significant structural changes. user: 'Please review the architecture of this new feature.' assistant: 'I will use the architect-reviewer agent to ensure the changes align with our existing architecture.' Architectural reviews are critical for maintaining a healthy codebase, so the architect-reviewer is the right choice. Context: A new service is being added to the system. user: 'Can you check if this new service is designed correctly?' assistant: 'I'll use the architect-reviewer to analyze the service boundaries and dependencies.' The architect-reviewer can validate the design of new services against established patterns.
6.097 downloads
Skill
webapp-testing
DesenvolvimentoToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
6.068 downloads
Descrições originais da comunidade. Alguns itens estão em inglês.
Do catálogo ao projeto
Escolheu? Agora é usar.
Encontre pelo trabalho
Busque pelo nome ou pela tarefa. Skills trazem instruções de um processo; agentes trazem uma especialidade para executar tarefas.
Abra as instruções
Em Como usar, veja o nome exato para encontrar o item no Overclock ou copie o comando de instalação para o terminal.
Use no seu projeto
Depois de instalar, selecione o item no catálogo do app e diga ao assistente o que você precisa fazer.
pronto pra rodar