Console de administração Slatev1.0.4
Use esta Skill para criar página de site.
Popular
5.0162 downloads8 curtidas5 salvamentos
Grátis
Crie um console de administração SaaS com qualidade de produto, em um estilo sereno e quase monocromático, em que a cor fica reservada para dados e status. Uma barra lateral enxuta com dois grupos e nenhum link morto fica ao lado de um cabeçalho com paleta de comandos, modos claro e escuro e dois presets de tema. Sete visualizações funcionais cobrem visão geral, analytics, finanças, clientes, um quadro de roadmap com arrastar e soltar, um calendário mensal e configurações. O produto de exemplo é o Corvane, e o resultado padrão é um único arquivo autocontido que abre offline.
Mais escolhida por
Atualizada em 3 de out. de 2026
Galeria de prévias
Skills semelhantes
Ver todas as Skills
O que você recebe
- Um console de exemplo completo para o Corvane, um SaaS fictício de analytics de workspace: sete visualizações, 48 contas de clientes, um quadro de roadmap com quatro colunas, um calendário e configurações.
- Interações reais: uma paleta Ctrl/Cmd K, intervalos de datas que atualizam KPIs e gráficos, tabelas ordenáveis com filtros, ações em massa e desfazer, uma gaveta de registro, diálogos e cards arrastáveis.
- Seu console em um único arquivo offline com Geist e Geist Mono embutidas e oito retratos provisórios da equipe, além do guia de estilo, da biblioteca de visualizações e do checklist que seu agente segue.
Ideal para
- Fundadores e gerentes de produto que precisam de um console de administração ou back-office crível para uma demo, especificação ou pitch deck para investidores.
- Desenvolvedores que querem a base de um console com tokens consistentes, como arquivo único ou na própria stack.
- Equipes cansadas de barras laterais inchadas que querem dois grupos, de cinco a oito itens e todos funcionando.
Não é para
- Backends de produção: todas as visualizações rodam com dados de exemplo dentro do arquivo, sem API, autenticação nem banco de dados.
- Sites de marketing ou landing pages; isto é a estrutura de um app, não uma página promocional.
- Sistemas de marca personalizados que substituem o visual; o estilo quase monocromático é fixo, com presets slate e tangerina.
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar painel adminEstilo travadoResultado editávelEntrega rápidaMinimalistaDenso em dadosNeutro monocromáticoGramática de console
Sobre esta Skill
Crie um console de administração que uma equipe poderia adotar como está: uma estrutura serena e quase monocromática em que a cor fica reservada para os dados, uma barra lateral enxuta em que cada item abre uma visualização real, e gráficos e tabelas que respondem. O exemplo é o Corvane, um produto fictício de analytics de workspace.
O que você recebe
- Sete visualizações: visão geral, analytics, finanças, clientes, quadro de roadmap, calendário e configurações
- Uma barra lateral com dois grupos e todos os itens roteados, uma paleta de comandos com Ctrl ou Cmd K e modos claro e escuro em slate ou tangerina
- Tabelas com ordenação, filtros, busca, paginação, ações em massa e desfazer, além de uma gaveta de registro e diálogos
- Um roadmap com arrastar e soltar, um calendário mensal com agenda e formulários de configurações que salvam
- Um único arquivo com fontes e retratos embutidos que abre offline em qualquer navegador
Como usar
- Compartilhe o nome do produto, as quatro métricas que você acompanha, sua equipe e o que suas tabelas, cards e eventos contêm.
- Seu agente substitui cada número, linha e evento, mantém a barra lateral curta e revisa cada visualização nos dois modos.
- Abra o arquivo único, teste a paleta, arraste um card e peça ajustes com suas próprias palavras.
Ações que um arquivo único não consegue executar, como exportar ou sair da conta, mostram um aviso claro em vez de fingir que funcionaram.
O que você precisa antes de começar
- Você fornece
- Nome do produto e as quatro métricas da visão geral que importam · Sua equipe (de quatro a oito pessoas) e o que suas tabelas, cards do quadro e eventos do calendário contêm · Opcional: números reais, moeda e fotos da equipe; caso contrário, dados de exemplo são rascunhados para você
- Dependências
- Node.js 18 ou mais recente na máquina do seu agente, para rodar o script incluído que gera o arquivo único offline · Acesso à internet durante a geração do arquivo, para que as fontes sejam baixadas uma vez e embutidas · Opcional: uma ferramenta de geração de imagens no seu agente para uma nova série de retratos da equipe (os retratos incluídos podem servir de substitutos)
- Custos externos
- Os retratos da equipe podem reaproveitar os oito substitutos incluídos, sem custo. Gerar uma nova série de retratos com a ferramenta de imagem do seu próprio agente pode ter custos de uso dessa ferramenta.
- Último teste
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…