Escolha do Skillry
Suíte Amber Scrapbookv1.0.9
Use esta Skill para criar página de site.
Em alta
5.033 downloads0 curtidas0 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Crie toda a superfície de um SaaS em estilo scrapbook âmbar: home de marketing, preços com checkout, login e cadastro, tela de produto funcional, dashboard de admin e páginas de changelog, contato, termos e 404. Papel creme, fotos com fita, notas à mão e adesivos dão ao marketing um ar artesanal; as telas de produto ficam calmas e precisas. Plano, créditos e usuário ficam sincronizados, num único arquivo que abre em qualquer navegador, 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
- Uma suíte conectada: página inicial, preços com checkout, login e cadastro, o produto funcionando, administração, changelog, contato, privacidade, termos e uma página de não encontrado, compartilhando uma única história e um único estado
- O visual de scrapbook âmbar: um Hero minimalista centralizado com um trecho em degradê âmbar e adesivos, seguido de fotos coladas com fita, anotações manuscritas, uma grade bento creme, um quadro de roadmap e depoimentos em alvenaria
- Interações funcionais nos temas claro e escuro: captura de tarefas com interpretação em tempo real, uma ação de planejamento que consome créditos, alternância de cobrança, busca, ordenação e filtros na administração e um menu de comandos
Ideal para
- Equipes de SaaS, produtividade e software independente que querem um site de lançamento acolhedor e montado à mão, em vez de uma página corporativa com degradês
- Fundadores que precisam do site de marketing, dos preços, do produto e da administração simulados como uma única demo convincente para um lançamento ou uma validação inicial
- Produtos com um ciclo central claro (capturar, organizar, gerar um resultado) que pode ser mostrado funcionando dentro da tela do produto
Não é para
- Marcas corporativas formais ou de setores regulados: adesivos, fita washi e anotações manuscritas deixam o tom propositalmente descontraído
- Apps em produção com contas, pagamentos ou dados reais: login, checkout e e-mails são simulações transparentes dentro da página
- Negócios sem um produto de software, como um café ou um portfólio: a suíte é construída em torno de um produto, seus preços e uma administração
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar landing pageEstilo travadoResultado editávelScrapbook âmbarBento cremeColagem de UI inclinadaAnotado à mãoEditorial divertido
Sobre esta Skill
O Amber Scrapbook Suite cria todas as superfícies de um produto SaaS como um conjunto conectado de telas: página inicial de marketing, preços, login, o produto funcionando, administração e as páginas de apoio. O lado de marketing parece montado à mão, com papel creme, fita washi, polaroides e anotações manuscritas, enquanto as telas de produto e de administração continuam calmas e precisas. O exemplo é o Dayfold, um planejador de dia fictício com IA.
O que você recebe
- Uma suíte completa: página inicial, preços com gaveta de checkout, login e cadastro, o produto, administração, changelog, contato, privacidade, termos e uma página de não encontrado
- Uma página inicial que vai do Hero minimalista a um letreiro de logos, blocos de recursos com cards inclinados e fotos coladas com fita, uma grade bento creme, uma história de cliente, um quadro de roadmap, depoimentos em alvenaria, um FAQ e uma despedida em papel de carta
- Uma tela de produto com captura de tarefas em linguagem natural e uma ação de planejamento que consome créditos, além de um dashboard de administração com estatísticas, um gráfico e uma tabela de usuários pesquisável
- Estado compartilhado: cadastrar-se ou comprar um plano atualiza o menu da conta, os créditos, o selo de preços e a tabela de administração
- Temas claro e escuro, um menu de comandos e um único arquivo autocontido que abre em qualquer navegador e funciona offline
Como usar
- Compartilhe o nome do produto, uma promessa em uma linha, 8 a 10 recursos com os 3 principais marcados, o formato dos seus preços e alguns itens do roadmap.
- Seu agente adapta o ciclo do produto ao seu domínio, planeja e gera as fotos e constrói cada tela com os seus textos.
- Abra o arquivo, navegue por cada página nos temas claro e escuro e depois peça alterações de texto, planos ou seções.
As fotos vêm da ferramenta de imagem do seu agente quando houver uma disponível, o que pode gerar cobranças de uso dessa ferramenta. Tudo o que o seu briefing deixar de fora vira texto placeholder, que o agente lista para você confirmar.
O que você precisa antes de começar
- Você fornece
- Nome do produto, uma promessa em uma linha e o público · 8 a 10 recursos com os 3 principais marcados, além do formato dos seus preços · Itens do roadmap, uma história de cliente e eventuais depoimentos ou fotos reais (opcional)
- 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 · Uma ferramenta de imagem no seu agente para as fotos (opcional; sem ela, você envia as fotos ou recebe placeholders identificados)
- Custos externos
- As fotos são geradas com a própria ferramenta de imagem do seu agente, quando houver uma, o que pode gerar cobranças de uso dessa ferramenta. Sem ela, o agente pede as suas fotos ou entrega placeholders claramente identificados. Nada mais usa serviço pago.
- Último teste
- v1.0.9 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…