Communitygithub.com

launch-check: Ist meine persönliche Website startklar?

Agent Skill, der eine Website oder ein Portfolio vor dem Launch prüft: Sicherheit, Suche, Barrierefreiheit, Geschwindigkeit und Grundlagen nach dem Launch. Jeder Punkt wird mit Beleg als Pass, Fix oder Nicht zutreffend gemeldet, danach folgt eine nummerierte Fix-Liste, das Wichtigste zuerst.

Was ist launch-check: Ist meine persönliche Website startklar??

Schritt 2 des Rezepts Persönliche Website (Pre-Launch-Check), aus miguelclavel/claude-skills-for-designers (veröffentlicht am 2026-10-08, MIT; zehn Claude-Code-Skills eines Senior Product Designers, der sagt, dass so sein eigenes Portfolio und sein GitHub entstanden sind). Gib ihm die Live-URL, den Projektordner oder beides. Sicherheit: Code und Git-Historie nach Schlüsseln durchsuchen (sk-, ghp_, AKIA), prüfen, dass /.git/config und /.env 404 liefern und http auf HTTPS umleitet, und die Sicherheits-Header lesen. Suche für Google und KI-Assistenten: pro Seite ein eindeutiger Title unter etwa 60 Zeichen und eine Meta-Description unter etwa 160, Canonical-Links, noindex für private Seiten, ein og:image-Vorschaubild, strukturierte Daten zur Person und eine reine Text-Datei /llms.txt. Barrierefreiheit: WCAG-AA-Kontrast in jedem Theme, Tastaturbedienung, sichtbarer Fokus, Alt-Texte, Reflow bei 320 px und reduzierte Bewegung; Unprüfbares wird zur manuellen Bestätigung markiert. Geschwindigkeit: passend skalierte, verzögert geladene Bilder und cache-sichere Dateinamen. Nach dem Launch: Analytics ohne die eigenen Besuche. Ausgabe: pro Abschnitt eine Tabelle Prüfung | Status | Beleg; nichts besteht ohne Beleg.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/miguelclavel/claude-skills-for-designers/tree/HEAD/skills/launch-check

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Launch check

Check a site the way a careful launch would, and report every item as pass, fix, or not applicable, with the evidence. Work from the live URL, the project folder, or both.

Security

  • Secrets: search the code and the git history for keys and tokens (git log -p for patterns like sk-, ghp_, AKIA, token, secret). Check the published files too.
  • Only the site is published: request /.git/config, /.env and any config files; each should return 404.
  • HTTPS: plain http:// should redirect. Read the response headers (curl -sI) for Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, X-Content-Type-Options and Referrer-Policy.
  • Forms and endpoints check what they receive; there's a one step rollback.

Search, for Google and AI assistants

  • One unique <title> per page, under about 60 characters. One unique meta description, under about 160.
  • Canonical links set; private pages marked noindex.
  • A share image (og:image) on important pages, structured data for the person or organisation, and a plain text /llms.txt.

Accessibility

  • Contrast passes WCAG AA in every theme, every action works with a keyboard, focus is visible, images have alt text, it reflows at 320 pixels, and motion respects reduced motion. Test what you can; mark the rest "to confirm by hand".

Speed

  • Images sized for where they're shown and lazy loaded below the first screen.
  • Caching won't freeze old code in visitors' browsers: new code gets new file names, or HTML has a short cache time.

After launch

  • Analytics works and excludes the owner's visits; there's a way to hear what people couldn't find (a log, a form, a weekly review), and someone owns looking at it.

Output

One table per section: | Check | Status | Evidence |. Status is Pass, Fix or Not applicable. Then the fixes as a numbered list, most important first. Never mark something as passing without evidence.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Verwandte Skills