Communitygithub.com

FelipeStruchel/landing-page-skills

Utiliser lorsque uma landing page precisa de software além da página estática: agenda ou reserva, painel, API, banco, e-mail transacional, notificação, ou qualquer serviço que roda no servidor ao lado de outro sistema. Não usar para páginas apenas de HTML, CSS e JS.

Qu'est-ce que landing-page-skills ?

Cette compétence définit le processus à suivre lorsqu'une landing page nécessite des fonctionnalités logicielles supplémentaires au-delà d'une page statique, telles que des systèmes de réservation, des tableaux de bord, des API, des bases de données, des e-mails transactionnels, des notifications ou tout autre service s'exécutant sur le serveur aux côtés d'un autre système. Elle est conçue pour les agents IA travaillant sur des projets de développement web et est explicitement destinée aux plateformes où des décisions architecturales doivent être validées par le propriétaire du projet (Felipe). La compétence impose des vérifications préalables strictes via `check-gate.js`, une procédure d'approbation via `approve.js` avant toute implémentation, et des règles de déploiement rigoureuses incluant le TDD et une révision indépendante. Elle documente également des 'red flags' (drapeaux rouges) pour éviter les pièges courants comme le choix arbitraire d'une base de données ou le déploiement sans sauvegarde, garantissant ainsi la robustesse et la sécurité des environnements partagés.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/FelipeStruchel/landing-page-skills/tree/HEAD/skills/landing-software-extra

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation


name: landing-software-extra description: Utiliser lorsque uma landing page precisa de software além da página estática: agenda ou reserva, painel, API, banco, e-mail transacional, notificação, ou qualquer serviço que roda no servidor ao lado de outro sistema. Não usar para páginas apenas de HTML, CSS e JS.

Landing : logiciel supplémentaire

La décision d'architecture appartient au propriétaire du projet. Violer la lettre, c'est violer l'esprit.

Loi de fer

AUCUNE DÉCISION DE STACK, RÉSEAU OU RESSOURCE PARTAGÉE
SANS DEMANDER AU PRÉALABLE. PHASE À HAUT RISQUE : ACCEPTEZ UNIQUEMENT VIA COMMANDE DE FELIPE.

Première action : node check-gate.js --cliente <nom> --antes-de software-extra ; lire 01 et plano.md ; lire references/agendamento.md s'il y a une réservation.

Fonction de porte

  1. Listez les décisions en suspens (stack, base de données, où ça tourne, ce qui est partagé, e-mail, notification, sauvegarde).
  2. Pour chacune : options, recommandation avec justification, coût en cas d'erreur. Demandez ; ne choisissez pas.
  3. Enregistrez dans 03-decisoes.md (D). Si une règle globale est enfreinte, enregistrez override: R-nnn avec l'approbation de Felipe.
  4. Felipe exécute ! node approve.js --file <03> --fase software-extra --via comando. Ce n'est qu'ensuite que vous implémentez.
  5. Implémentez avec TDD. Réviseur indépendant à la fin.
  6. Après le déploiement : un chemin réel du voisin (ex. : GET /api/health de l'autre système) et docker logs <proxy> --since 2m | grep -c "502|refused".

Règles fixes

  • Préfixe du projet dans tout service, conteneur et alias de réseau partagé (agenda-api, agenda-db). Avant d'entrer dans un réseau, listez les noms que le voisin résout (set $api, upstream, proxy_pass).
  • Secret uniquement dans .env du serveur, permission 600 ; ce qui est passé par le chat est recommandé d'être changé.
  • Horaires, services et prix proviennent d'une source (la base de données) ; le HTML statique n'est qu'une sauvegarde.
  • Le nom de l'option et la durée sont des champs différents ; l'écran décide quoi afficher selon une règle explicite.
  • L'écran interne passe par landing-direcao-visual et frontend-design ; l'ajout comprend une maquette et une vérification élément par élément.
  • Production : sauvegarde avant, nginx -t avant de recharger, fenêtre qui ne fait pas planter, instruction de retour en arrière écrite. Ce qui nécessite root devient une ligne pour Felipe.

Drapeaux rouges : arrêtez-vous

  • Choisir la base de données "parce que c'est la meilleure" · réutiliser le nom api · déployer sans sauvegarde
  • Réexécuter sur le serveur un plan de 5 000 lignes que vous exécuteriez vous-même
  • "Ça fonctionne ici" sans tester le voisin
RationalisationRéalité
"Le choix est évident"Si Felipe le découvrait par le code, serait-il surpris ? Alors demandez
"Le nom court est plus propre"api sur le réseau edge a fait tomber le voisin avec 502
"L'accord était pour la landing"L'approbation d'un contexte ne vaut pas pour l'autre

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

FelipeStruchel/landing-page-skills

Use when o Felipe pede para criar, montar, refazer ou retomar uma landing page ou site de uma página para um negócio ou cliente, ou abre uma pasta de cliente em criar-site/. Não use para redesenhar as próprias skills (landing-evoluir-skill).

FelipeStruchel/landing-page-skills

Use when começa um cliente novo de landing page sem 01-negocio-e-escopo.md aprovado, quando faltam dados do negócio, mídias, nomes ou perfis, ou quando o Felipe pede o questionário de entrada. Não use para escolher estilo visual (landing-direcao-visual).

FelipeStruchel/landing-page-skills

Use when o 01-negocio-e-escopo.md está aprovado e falta escolher o estilo visual de uma landing page, ou quando uma tela interna (agenda, painel) de um cliente precisa de visual. Não use para levantar dados do negócio (landing-descoberta).

FelipeStruchel/landing-page-skills

Use when o Felipe pede para redesenhar skills de landing page, revisar aprendizados acumulados, processar feedbacks pendentes, atualizar o _regras-vivas.md, fazer a migração inicial das regras, ou quando o Passo 0 oferece a migração. Não use durante a construção de um cliente.

FelipeStruchel/landing-page-skills

Use when uma landing page está pronta para ir ao ar: publicar, fazer deploy, configurar domínio ou Cloudflare, limpar cache, ou conferir o site já publicado. Não use para construir a página (criar-landing-page).

FelipeStruchel/landing-page-skills

Use when SEMPRE durante o trabalho em uma landing page de cliente: ao entregar qualquer coisa (texto, foto, tela, deploy) e ao receber reação, correção, elogio ou aprovação do Felipe ou do cliente.

Skills associés