website-optimizerlisted

Use when the user wants to make the astronology.dev website faster, audit performance, optimize loading, reduce bundle size, fix render-blocking resources, or improve Lighthouse scores. Triggers on phrases like "optimize the website", "make it faster", "audit performance", "reduce JS/CSS size", "speed up loading", "improve performance", or any request to find and fix performance issues across `src/`. Produces a prioritized findings report, then applies approved changes without altering functionality. Use this skill even when the user only hints at speed concerns (e.g., "the hero feels sluggish", "first paint is slow").
Kevinnnnn-ai/astronology.dev · ★ 0 · Web & Frontend · score 53

Install: claude install-skill Kevinnnnn-ai/astronology.dev

# Website Optimizer Audit and improve the performance of astronology.dev (vanilla HTML/CSS/JS in `src/`) without changing functionality. Propose first, apply with consent, verify after. --- ## When to Use This Skill - The user asks for performance improvements, faster loads, smaller bundles, or Lighthouse audits. - The user describes symptoms ("first paint is slow", "scrolling jitters", "hero feels heavy"). - The user names a specific target (defer scripts, lazy-load images, dead CSS, preconnect). ## When to Skip This Skill - Visual or content edits only: use `content-data-update`, `section-scaffold`, or `page-scaffold`. ## Workflow ### Phase 1: Baseline Before changing anything, capture the current state so improvements are measurable. 1. Ensure local tooling exists. If [package.json](../../../package.json) is absent at the project root, scaffold a minimal one (see [Local Tooling](#local-tooling)). Never run `npm install -g`. 2. Start a local server in the background: `npx --yes http-server src -p 8080 -s` 3. Run Lighthouse on both pages and save JSON output: ``` npx --yes lighthouse http://localhost:8080/index.html --only-categories=performance --output=json --output-path=./temp/lh-index-before.json --chrome-flags="--headless" npx --yes lighthouse http://localhost:8080/articles.html --only-categories=performance --output=json --output-path=./temp/lh-articles-before.json --chrome-flags="--headless" ``` 4. Note headline score and key metrics (FCP, LCP, T