cylqwe7855-alt/build-professional-workbench

Skill de Construção Ultrarrápida de Bancadas de Trabalho Multi-Profissão

Construa um produto operacional centrado em uma função, não um shell de painel renomeado. Preserve uma arquitetura existente quando presente. Para uma nova construção web pura, comece a partir de assets/reference-workbench-template/ e substitua completamente seu domínio de referência educacional.

Início

1. Classifique a solicitação como nova construção, extensão, redesenho ou auditoria.
2. Infira a profissão, organização, função, usuários, objetos de trabalho, ciclo de vida, decisões, riscos, aprovações, limite de privacidade e modo de implantação. Pergunte apenas quando uma escolha ausente alterar materialmente o produto.
3. Leia apenas as referências necessárias:
   • Sempre leia deployment-modes.md para uma nova construção.
   • Leia workbench-architecture.md para contratos de shell, módulo e página.
   • Leia profession-profiles.md para selecionar ou combinar padrões de domínio.
   • Leia dashboard-catalog.md para KPIs, gráficos e páginas analíticas.
   • Leia design-interaction.md para trabalho visual, de movimento, canvas, navegação ou responsivo.
   • Leia local-persistence.md sempre que os usuários puderem criar, editar, excluir, organizar, anotar, importar ou anexar dados.
   • Leia data-and-validation.md antes da geração de registros e da aceitação final.
4. Para um novo projeto offline, execute:

python3 scripts/scaffold_professional_workbench.py <target> --profile <profile> --profession "..." --organization-name "..." --role-name "..." --user-name "..." --deployment-mode local-offline

5. Trate o scaffolding como um ponto de partida. Não entregue até que cada rota, registro, fluxo de trabalho, gráfico, controle, caminho de persistência e verificação de resquício de domínio passe.

Modele a profissão

• Defina os substantivos primários da função: casos, clientes, pacientes, projetos, candidatos, contas, conteúdo, ativos, experimentos, pedidos, incidentes ou objetos equivalentes.
• Defina estados do ciclo de vida, proprietários, transferências, prazos, decisões, condições de exceção, evidências e aprovações.
• Separe trabalho pessoal, operações de equipe, recursos compartilhados, análise e administração/conformidade.
• Mantenha visíveis o contexto de organização, função, período, território, portfólio ou equipe.
• Use rótulos de texto explícitos em chinês na navegação; ícones apenas reforçam o significado.
• Selecione um perfil de profession-profiles.md ou combine perfis para funções híbridas. Retenha apenas as responsabilidades suportadas pela função real.

Construa páginas completas

• Dê a cada item de navegação uma página completa com título, contexto, ações, registros densos, status e um painel analítico distinto.
• Evite placeholders, tabelas de três linhas, cartões renomeados repetidos, gráficos decorativos e botões não suportados.
• Use registros de demonstração determinísticos e coerentes e rotule-os como dados simulados.
• Inclua estados apropriados: normal, vazio, carregando, aviso, erro, desabilitado, atrasado, conflito, aprovação e confirmação.
• Torne páginas com muitos registros pesquisáveis, filtráveis, ordenáveis e limitadas por paginação ou rolagem controlada.
• Torne os registros primários diretamente editáveis. As operações criar, atualizar e excluir devem alimentar a mesma fonte usada por tabela, detalhes, exportação e painéis.
• Faça com que os controles de data, intervalo, filtro e segmento operem em registros reais. Controles apenas visuais são defeitos.
• Exporte os registros filtrados atuais com cabeçalhos estáveis. Valide importações quanto ao formato, formato da linha, limites e intenção de mesclagem/substituição; pré-visualize primeiro e mantenha os dados atuais inalterados em caso de falha.
• Rastreie o objeto de trabalho principal nas páginas de lista, detalhes, fluxo de trabalho e painel.

Atribua painéis distintos

• Dê a cada página uma pergunta de negócio diferente, conjunto de KPIs, combinação de gráficos, diagnóstico, interação e variante de cor.
• Use tendências para tempo, barras para categorias, mapas de calor para densidade, Sankey para fluxo, redes para relacionamentos, radar ou coordenadas paralelas para perfis, Gantt para cronogramas e histogramas ou boxplots para distribuições.
• Componha cada painel a partir de um gráfico dominante, 3–4 KPIs, um diagnóstico secundário, uma visão classificada ou segmentada, controles de intervalo, dicas de ferramentas e uma interpretação concisa.
• Vincule gráficos aos mesmos registros visíveis e forneça resumos de texto acessíveis.
• Trate resultados financeiros, médicos, legais, de segurança e conformidade como suporte à decisão, nunca como julgamento profissional autônomo.

Aplique Quiet Luxury A

• Use o css/premium-minimal.css incluído como a camada de cascata final, a menos que o usuário selecione outra direção visual.
• Mantenha um campo marfim quente, tipografia verde-tinta, acentos sage dessaturados, títulos de exibição com serifa, sem serifa do sistema para controles, regras finas e espaços em branco generosos.
• Prefira hierarquia editorial e alinhamento em vez de cartões arredondados aninhados e sombras pesadas.
• Mantenha o shell calmo e com rótulos de texto. Use painéis analíticos claros; reserve grafite escuro para o herói espacial ou canvas infinito.
• Mantenha os mapas de calor densos, mas silenciosos, com cinco níveis de células quadradas.
• Use inspeção por hover, foco, seleção, drill-down, gavetas de detalhes, modais, pan/zoom e divulgação progressiva onde eles esclarecem o estado.
• Mantenha o movimento curto, interrompível e desabilitado sob prefers-reduced-motion.
• Preserve acesso por teclado, foco visível, controles semânticos, layouts de toque e visualizações de impressão/relatório.
• Adapte --workbench-folio, seletores de contexto e linguagem do herói para a nova organização e profissão.
• A imagem de herói de referência está embutida como texto em js/hero-media.js para que o Skill permaneça compatível com Red Skill e o site gerado permaneça totalmente offline.

Exija persistência local-primeiro

• Salve automaticamente alterações de criar, editar, excluir, reordenar, anotação, rascunho, preferência e layout no computador atual após validação.
• Restaure o estado salvo antes da primeira renderização significativa. Um toast de salvamento sem uma gravação bem-sucedida é um defeito.
• Use js/local-persistence.js incluído para pequenos registros JSON e rascunhos. Use IndexedDB para anexos, grandes coleções e filas offline.
• Namespace cada bancada de trabalho, versione registros armazenados e adicione migrações quando os esquemas mudarem.
• Mostre estados de salvando, salvo, falha e cota. Nunca descarte silenciosamente uma gravação com falha.
• Forneça exportação JSON versionada, importação atômica validada com semântica de mesclagem/substituição, gerenciamento de anexos e limpeza confirmada. Reverta qualquer importação parcialmente aplicada.
• Mantenha sementes de demonstração separadas dos registros pessoais. Não armazene segredos nem afirme que o armazenamento do navegador é criptografado.
• Para local-offline, divulgue limites de dispositivo único e navegador único. Para team-server ou enterprise, use APIs autenticadas e um banco de dados de servidor como sistema de registro; consulte deployment-modes.md.

Use a implementação incluída

O modelo de referência fornece HTML/CSS/JavaScript puro sem CDN, navegação de texto multiárea, 56 entradas de módulo, registros densos, Quiet Luxury A, um herói espacial, canvas infinito, mapa de calor de atividade, cursor personalizado, movimento de rota, 22 famílias de gráficos, tabelas editáveis, localStorage com namespace, salvamento automático, backup/importação versionado, diálogos, formulários, comportamento responsivo e estilos de impressão.

Substitua todos os nomes de domínio de referência, navegação, registros, fluxos de trabalho, KPIs, identidades simuladas e texto do herói. Nunca envie uma bancada de trabalho não educacional alterando apenas seu título.

Valide

1. Execute python3 scripts/validate_redskill_package.py . ao preparar este Skill para upload no Red Skill.
2. Execute python3 scripts/validate_professional_workbench.py <project-path> para a bancada de trabalho gerada.
3. Execute verificações de sintaxe nativas ou de construção.
4. Verifique se cada entrada de navegação resolve para uma página completa e recebe um painel distinto.
5. Verifique densidade de registros, coerência entre páginas, filtros operacionais, formulários, detalhes, estados de fluxo de trabalho e acesso por teclado.
6. Verifique ativos locais e comportamento file:// para entrega offline.
7. Verifique adicionar → recarregar, editar → recarregar, excluir → recarregar, exportar → limpar → importar, rejeição de importação malformada e relatório de falha de armazenamento.
8. Execute node scripts/test_local_persistence.js <project-path> quando Node.js estiver disponível.
9. Para perfis não educacionais, exija zero resquícios do domínio educacional.
10. Realize QA visual e de interação quando uma superfície de navegador estiver disponível; nunca iguale existência de arquivo ou sucesso de sintaxe a aceitação visual.
11. Reporte caminho, modo de implantação, profissão, função, módulo e cobertura de painel, resultados de CRUD/filtro/importação/exportação, resultados de persistência, validação e limites restantes.

Diretrizes de Segurança

• Não infira autoridade para gravações externas, aprovações, mensagens, transações ou publicação.
• Não apresente registros simulados como dados reais nem exponha identificadores sensíveis.
• Não automatize decisões de alto risco sem revisão profissional.
• Não use CDNs externos para entregáveis offline.
• Mantenha production_ready como falso até que a arquitetura, segurança e portões de aceitação do modo de implantação selecionado passem.
• Não publique ou implante, a menos que o usuário solicite ou instruções ativas de construção do site exijam hospedagem.