Communitygithub.com

FelipeStruchel/landing-page-skills

ランディングページが公開可能になったときに使用:公開、デプロイ、ドメインやCloudflareの設定、キャッシュクリア、公開済みサイトの確認。ページの構築(create-landing-page)には使用しないでください。

landing-page-skills とは?

このスキルは、ランディングページを本番環境に公開する際の厳格なワークフローを提供します。開発者やAIエージェントユーザーが、デプロイ前のゲートチェック、Cloudflare経由の公開、キャッシュパージ、公開後の確認までを安全かつ確実に実行できるように設計されています。主にClaude CodeやCursorなどのAIエージェント環境で動作し、`check-gate.js`、`publicar.sh`、`check-cache.js`などのスクリプト群と連携します。特に重要なのは、公開前にすべてのチェックリストを通過し、明示的な承認を得ることです。許可なく本番環境に変更を加えたり、確認不足で「完了」と報告することを防ぐための「Iron Law」(不文律)と「Red Flags」(危険信号)が定められており、開発者やエージェントはこれらを厳守する必要があります。Cloudflare MCPが利用可能な場合は自動的に操作を行い、そうでない場合はユーザーに手順を提示します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/FelipeStruchel/landing-page-skills/tree/HEAD/skills/landing-publicar

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ランディング:公開

本番環境はFelipeが管理します。文言に反することは、精神に反することです。

Iron Law(不文律)

明示的な承認なしに本番環境に何も出すな。
公開URLでの確認なしに「完了」と言うな。

最初のアクション: node check-gate.js --client <client_name> --before-deploy を実行し、01、03(存在する場合)、02(未解決事項と未対応のフィードバック)を読み取ります。会話のメモリは使用しないでください。

ゲート機能

  1. デプロイ前に、ローカルサイト上で以下のチェックを実行し、実際の出力を publicacao.md に貼り付けてください:check-refs、check-contrast、check-content(--secrets <client_name>付き)、check-assets --phase publish --site <site>、check-page(375pxおよび1280px)、およびモバイル用Lighthouse(利用可能な場合)。出力が0以外、または出力がない場合は不合格です。
  2. 375pxと1280pxでのビューポートをキャプチャし、ファイルを開いてください。
  3. publicacao.md に、確認できなかった項目をリストアップしてください。
  4. Felipeが ! node approve.js --file <publicacao.md> --phase publish --via command と ! node authorize.js --client <client_name> --phase publish --action deploy --destination <destination> を実行します。
  5. bash publicar.sh --root <site> --dest <destination> --client <client_name>(dry-run)を実行し、出力を表示します。その後、--execute フラグを付けて実行します。
  6. その後:Cloudflareのキャッシュをクリアし、node check-cache.js --url <https://...> を実行し、新しいブラウザで公開サイトを開き、共有リソースがある場合は近隣の実際のパスをテストします。
  7. これらすべてを終えてから、確認した項目と確認できなかった項目を添えて「完了」と伝えてください。

Cloudflareについて:Cloudflare MCPが利用可能な場合は、それを使用してゾーン、レコード、パージを実行してください。利用できない場合は、references/cloudflare-cache.md の手順をFelipeに渡してください。リモートデスティネーション:publicar.js は手順を表示するのみです。

危険信号:即時停止

  • approved: true やトークンを手書きで書くこと ・「昨日承認されたから」と公開すること
  • ローカルファイルだけを見て「完了」と言うこと
  • ホームページだけを確認すること ・古いキャッシュが残ったブラウザで確認すること
言い訳現実
「レイアウトは承認されました」レイアウト承認は、本番環境でのアクションの許可ではありません
「dry-runが通りました」Dry-runは公開でも確認でもありません
「ファイルは正しいです」提供されているHTMLと実際のキャッシュを確認してください
「部分的に失敗したので、手動で調整します」表示されたロールバックコマンドを使用して、最初からやり直してください

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 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.

FelipeStruchel/landing-page-skills

Use when 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 use para páginas só de HTML, CSS e JS.

関連スキル