# ⚡ VIBE CODE SKILLS – VS CODE PACK ## 1) Skill: **Discovery Master** * **Objetivo:** Automatizar análise de requisitos, mapear entidades, fluxos e riscos. * **Funcionalidades:** * Geração de diagrama de entidades a partir de descrições de requisitos. * Checklist automático de regras de negócio. * Extração de fluxos críticos e integrações externas. * **Atalho VS Code:** `Ctrl+Shift+D` * **Exemplo de uso:** Executa análise de arquivo de requisitos (`requirements.md`) e gera resumo de domínio + mapa de risco. --- ## 2) Skill: **Architecture Designer** * **Objetivo:** Criar esqueleto de arquitetura modular seguindo PSRs e MVC. * **Funcionalidades:** * Criação automática de diretórios: `/Domain`, `/Application`, `/Infrastructure`, `/Interface`. * Geração de templates de **Controllers, Services, Repositories, Actions, DTOs, Entities**. * Inserção de comentários de boas práticas e links para padrões SOLID. * **Atalho VS Code:** `Ctrl+Shift+A` * **Exemplo de uso:** `vc-skill:architect --module=User` → gera todos os arquivos base para módulo “User”. --- ## 3) Skill: **Database Modeling Pro** * **Objetivo:** Automatizar criação de schemas, views, procedures e triggers. * **Funcionalidades:** * Conversão de entidades + relacionamentos em SQL (MySQL 8). * Sugestão de índices, PK/FK e normalização até 3FN. * Geração de **Views otimizadas** e **Stored Procedures** CRUD. * **Atalho VS Code:** `Ctrl+Shift+M` * **Exemplo de uso:** `vc-skill:dbgen --module=Orders` → gera script SQL com tabelas, indices, views e procedures. --- ## 4) Skill: **Backend Builder** * **Objetivo:** Gerar código PHP 8 puro MVC e API RESTful seguindo PSRs. * **Funcionalidades:** * Templates de **Controllers finos**, Services, Repositories e DTOs. * Router RESTful automático (GET, POST, PUT, DELETE). * Conexão PDO com prepared statements pronta. * Injeção de dependência automática entre camadas. * **Atalho VS Code:** `Ctrl+Shift+B` * **Exemplo de uso:** `vc-skill:backend --entity=Product` → gera Controller, Service, Repository, DTO e Router. --- ## 5) Skill: **Security Guardian** * **Objetivo:** Endurecer código, endpoints e banco de dados. * **Funcionalidades:** * Validação automática de inputs, sanitização e escaping. * Checklist de headers HTTP de segurança e bloqueio via .htaccess. * Detecção de SQL injection, XSS e CSRF em templates e endpoints. * **Atalho VS Code:** `Ctrl+Shift+S` * **Exemplo de uso:** `vc-skill:security --scan` → gera relatório de vulnerabilidades + sugestões de correção. --- ## 6) Skill: **Performance Booster** * **Objetivo:** Otimizar queries, reduzir latência e CPU/memória. * **Funcionalidades:** * Detecção de N+1 queries e sugestões de batch/fetch. * Sugestão de índices e ajustes de queries existentes. * Paginação automática e compressão de payload JSON. * Avaliação de cache e recursos reusáveis. * **Atalho VS Code:** `Ctrl+Shift+P` * **Exemplo de uso:** `vc-skill:perf --module=User` → relatório de queries e ajustes de performance. --- ## 7) Skill: **UI/UX Optimizer** * **Objetivo:** Criar templates frontend modernos com Tailwind, JS puro e responsividade. * **Funcionalidades:** * Gerador de landing pages e hotsites responsivos Mobile First. * Inserção de dark mode toggle, tooltips, SweetAlert2 e Font Awesome. * Inclusão de header, footer e breadcrumb consistentes em todas páginas. * SEO básico, meta tags e atributos ARIA. * **Atalho VS Code:** `Ctrl+Shift+U` * **Exemplo de uso:** `vc-skill:ui --template=Landing` → gera página inicial com layout profissional. --- ## 8) Skill: **QA Validator** * **Objetivo:** Automatizar testes e validação de endpoints e fluxos. * **Funcionalidades:** * Validação de status HTTP, JSON, inputs e outputs. * Testes de regressão automatizados por módulo. * Geração de casos de teste positivos e negativos. * **Atalho VS Code:** `Ctrl+Shift+Q` * **Exemplo de uso:** `vc-skill:qa --module=Product` → executa testes unitários, integração e API. --- ## 9) Skill: **Release Commander** * **Objetivo:** Preparar deploy seguro e auditável. * **Funcionalidades:** * Checklist de release com segurança, performance e QA. * Validação de variáveis de ambiente, .htaccess e rollback. * Gerenciamento de logs e monitoramento pós-deploy. * **Atalho VS Code:** `Ctrl+Shift+R` * **Exemplo de uso:** `vc-skill:release --prod` → valida e prepara aplicação para produção. --- ## 10) Skill: **Orchestration AI** * **Objetivo:** Orquestrar todos os workflows de forma sequencial. * **Funcionalidades:** * Executa Discovery → Architecture → DB → Backend → Security → Performance → QA → Release. * Monitoramento de progresso e geração de relatórios automatizados. * Geração de artefatos e commits consistentes por etapa. * **Atalho VS Code:** `Ctrl+Shift+O` * **Exemplo de uso:** `vc-skill:orchestrate --project=MicroSaaS` → pipeline completo, passo a passo. --- ## 📂 Estrutura de Pastas Sugerida para VS Code ``` vscode-skills-pack/ │ ├─ system-architect/ │ ├─ prompt.md │ └─ template-architecture-diagram.drawio │ ├─ backend-senior/ │ ├─ prompt.md │ ├─ template-controller.php │ ├─ template-service.php │ ├─ template-repository.php │ └─ template-dto.php │ ├─ database-architect/ │ ├─ prompt.md │ ├─ schema.sql │ ├─ procedures.sql │ └─ views.sql │ ├─ security-engineer/ │ ├─ prompt.md │ └─ security-checklist.md │ ├─ performance-engineer/ │ ├─ prompt.md │ └─ performance-guide.md │ ├─ qa-engineer/ │ ├─ prompt.md │ └─ test-cases-template.md │ └─ orchestrator/ ├─ prompt.md └─ workflow-diagram.drawio ``` --- ## ✨ Exemplo de Snippet VS Code para **Backend Senior** ```json { "PHP Controller Template": { "prefix": "php-controller", "body": [ "service = $service;", " }", "", " public function ${4:action}(): void {", " // TODO: Implement action logic", " }", "}" ], "description": "Template de Controller PHP 8 com injeção de dependência e PSR compliance" } } ``` Você poderia criar snippets similares para **Service, Repository, DTO, Router, Action, Trait e Interface**, seguindo as regras de SOLID e Clean Code. --- ## 🛠 Prompt Base Exemplo para cada Skill **System Architect** ``` > Atue como System Architect e proponha a arquitetura completa para a solução, definindo domínio, camadas, responsabilidades, fluxos e decisões técnicas. Gere diagrama de camadas, entidades e responsabilidades. ``` **Backend Senior** ``` > Atue como desenvolvedor fullstack PHP e implemente web app em PHP 8 puro, com controllers, services, repositories, DTOs, actions e rotas seguindo PSRs e SOLID. Gere código pronto para uso. ``` **Database Architect** ``` > Atue como Database Architect e projete o schema MySQL completo, incluindo tabelas, relacionamentos, índices, procedures, functions, triggers, views e otimizações de consulta. ``` **Security Engineer** ``` > Atue como Security Engineer e revise a aplicação para identificar vulnerabilidades, aplicar hardening e propor melhorias contra ataques comuns e falhas de configuração. ``` **Performance Engineer** ``` > Atue como Performance Engineer e otimize a aplicação, apontando gargalos, refinando queries, reduzindo latência e sugerindo melhorias práticas de escala. ``` **QA Engineer** ``` > Atue como QA Engineer e produza um plano de testes completo, com cenários funcionais, negativos, de borda e validações de WEB APP. ``` **Orchestrator** ``` > Atue como Orchestrator e conduza o fluxo completo entre arquitetura, banco, backend, segurança, performance e QA, entregando a melhor sequência técnica possível. ```