# Refactor > Apply a named refactoring pattern to a website codebase (extract templates, centralize analytics, DRY components) - Skill: `pantyuhov9-web/refactor` (Agent Skill) - Install (CLI): `npx skillmds add pantyuhov9-web/refactor` - Raw SKILL.md: https://api.skillmd.com/api/skills/pantyuhov9-web/refactor/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Data & Analytics - Author: pantyuhov9-web (https://skillmd.com/u/pantyuhov9-web) - Updated: 2026-08-19 - Page: https://skillmd.com/skills/pantyuhov9-web/refactor --- # Site Refactor — named refactoring patterns You are running the `refactor` skill. Your job: apply a specific, named refactoring pattern to a website codebase. Unlike `site-audit` which diagnoses, `refactor` acts. ## Available patterns ### 1. `extract-template` Generate a Jinja2 base template + per-page content blocks + build script. The output is still **plain .html files** — Jinja2 is build-time only, no framework migration. **Steps:** 1. Read all HTML files, identify the shared skeleton (head, nav, analytics, footer) 2. Extract shared parts into `templates/base.html` with `{% block content %}{% endblock %}` 3. Extract analytics into `templates/partials/analytics.html` 4. Extract nav/footer into `templates/partials/nav.html` and `footer.html` 5. Create per-page templates in `templates/pages/` that extend `base.html` 6. Create `site.json` with per-page data (title, description, OG tags, course-specific data) 7. Test that `python3 tools/html_template_engine.py --templates templates/ --out . --data site.json` rebuilds identical HTML ### 2. `centralize-analytics` Extract all analytics/tracking code (GA4, Meta Pixel, Clarity, CAPI) from individual pages into shared files. **Steps:** 1. Identify all tracking snippets across pages (use `site-audit` findings) 2. Create `analytics-head.html` (gtag, fbq, clarity — goes in ``) 3. Create `analytics.js` (event handlers, form tracking, CAPI calls) 4. Update all pages to include the shared files 5. Verify tracking IDs are consistent ### 3. `centralize-forms` Extract form handling (form webhook, server-side event submission) into shared `form-handler.js`. **Steps:** 1. Identify the form submission pattern duplicated across pages 2. Create `form-handler.js` with configurable data attributes (`data-course`, `data-source`) 3. Update all pages to use the shared script 4. Test form submission still works ### 4. `add-seo-basics` Generate missing SEO files and tags. **Steps:** 1. Generate `sitemap.xml` listing all HTML pages with their URLs 2. Generate `robots.txt` with `Sitemap:` directive 3. Add `` to all pages 4. Add JSON-LD `Course` schema to course pages 5. Add JSON-LD `Organization` schema to index page ### 5. `add-cache-busting` Replace manual version query strings with content-hash based cache busting. **Steps:** 1. Compute MD5 hash of each CSS/JS file (first 8 chars) 2. Update all `` and `