Stats
Actions
Tags
From cogni-website
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/.
How this skill is triggered — by the user, by Claude, or both
Slash command
/cogni-website:website-previewThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Open the generated static website in a browser and validate its structure.
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 claude-in-chrome is available, offer to open each page in the user's browser for live review. Use mcp__claude-in-chrome__tabs_create_mcp to open a new tab, mcp__claude-in-chrome__navigate to visit each page, and mcp__claude-in-chrome__read_page to validate rendered content. The user can see the pages directly in their Chrome browser.
npx claudepluginhub cogni-work/insight-wave --plugin cogni-websiteVisually inspects websites (local or remote) to detect and fix design issues in responsive layout, accessibility, and visual consistency at the source code level.
Verifies browser-rendered HTML, UI, visual docs, presentations, local apps, and browser-facing changes in a real browser. Checks layout, responsiveness, overflow, console errors, and network issues.
Tests deployed Power Pages sites at runtime: navigates browser, crawls up to 25 links, verifies page loads and /_api/ requests, captures network/screenshots via Playwright.