This skill previews the generated website in a browser, validates links, and reports structural issues. It should be triggered when the user mentions "preview website", "open website", "Website anzeigen", "Website öffnen", "show me the website", "check the website", "validate links", "website preview", "how does it look", "wie sieht es aus", "test the website", "Website testen", or wants to see the generated site in a browser — even without saying "preview" explicitly. Requires a built website in output/website/.
From cogni-websitenpx claudepluginhub cogni-work/insight-waveThis skill is limited to using the following tools:
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Calculates TAM/SAM/SOM using top-down, bottom-up, and value theory methodologies for market sizing, revenue estimation, and startup validation.
Open the generated static website in a browser and validate its structure.
The output/website/index.html must exist (from website-build). If not found, redirect to the build skill.
Check that the expected files exist:
output/website/index.htmloutput/website/css/style.cssoutput/website/sitemap.xmlwebsite-plan.jsonReport missing files.
Scan all .html files in output/website/ for local links (href not starting with http). Check each resolves to an existing file. Report broken links with the page and target.
Open the homepage in the default browser:
# macOS
open output/website/index.html
# Linux
xdg-open output/website/index.html
For full navigation testing (relative paths work best with a server):
Für vollständige Navigation empfehle ich einen lokalen Testserver:
python3 -m http.server -d output/website 8080
Dann öffnen Sie http://localhost:8080 im Browser.
Website-Vorschau:
Dateien: {N} HTML-Seiten, 1 CSS, {M} Bilder
Gesamtgröße: {size} KB
Defekte Links: {count} ({details if any})
Fehlende Seiten: {count} ({details if any})
✓ Website im Browser geöffnet
If browsermcp MCP is available, offer to take screenshots of each page for review. Use mcp__browsermcp__browser_navigate to visit each page, mcp__browsermcp__browser_screenshot to capture screenshots, and mcp__browsermcp__browser_snapshot to validate rendered content.