Communitygithub.com

njbSaab/astro-njx-launch

Starter para lançamento de produto / lista de espera: Astro + njX UI + Alpine.js — modal de vídeo, slider de depoimentos, formulário otimista de lista de espera. Uma importação CSS, nove temas.

O que é astro-njx-launch?

Este skill oferece um modelo inicial (starter) completo para páginas de lançamento de produtos ou listas de espera, construído com Astro, njX UI e Alpine.js. Ele é ideal para desenvolvedores que desejam criar rapidamente uma landing page moderna e responsiva com funcionalidades como um modal de vídeo, um slider de depoimentos e um formulário de inscrição otimista (optimistic waitlist form) que atualiza a interface instantaneamente. O diferencial é a simplicidade: basta uma única importação CSS para ativar nove temas de design diferentes, permitindo personalização visual sem complexidade. Suporta as plataformas Astro e Alpine.js, sendo executado no navegador do usuário após o build estático do Astro. A estrutura modular do código facilita a manutenção e a extensão, tornando-o útil tanto para MVPs quanto para produtos consolidados que precisam de uma página de espera performática e elegante.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add njbSaab/astro-njx-launch

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que astro-njx-launch faz?

Starter para lançamento de produto / lista de espera: Astro + njX UI + Alpine.js — modal de vídeo, slider de depoimentos, formulário otimista de lista de espera. Uma importação CSS, nove temas.

Visão Geral

Este starter fornece uma base completa para criar uma página de lançamento de produto ou lista de espera, combinando a performance do Astro com os componentes estilizados do njX UI e a interatividade leve do Alpine.js.

Funcionalidades

  • Modal de vídeo responsivo
  • Slider de depoimentos com navegação
  • Formulário de inscrição otimista (atualização instantânea)
  • Nove temas pré-construídos com uma única importação CSS
  • Código modular e fácil de personalizar

Pré-requisitos

  • Node.js 16+
  • npm ou yarn

Instalação

git clone <url-do-repositorio>
cd astro-njx-launch
npm install

Uso

Para iniciar o servidor de desenvolvimento:

npm run dev

Para construir o site estático:

npm run build

Estrutura de Arquivos

/
├── public/
├── src/
│   ├── components/
│   ├── layouts/
│   ├── pages/
│   └── styles/
├── package.json
└── astro.config.mjs

Personalização

Para alterar o tema, edite a importação CSS no layout principal. Cada tema é ativado por uma classe CSS diferente.

Licença

MIT

Habilidades Relacionadas