hasna/skills/skill-siteanalyze
skills/skill-siteanalyze/SKILL.md
# skill-siteanalyze Analyze any website's design system — detects shadcn/ui, Tailwind, extracts colors, typography, and components via Playwright + Claude Vision. ## Usage ```bash skill-siteanalyze <url> ``` ## What It Does - Navigates to the target URL using Playwright - Takes a screenshot and analyzes it with Claude Vision - Detects UI framework (shadcn/ui, Tailwind CSS, etc.) - Extracts color palette, typography scale, and component patterns - Outputs an open-styles compatible design pro
development
Updated Apr 25, 2026
$ install --global
skillsauthnpx skillsauth add hasna/skills skills/skill-siteanalyzeInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 25, 2026, 3:33 AM171.9s3 files scanned
SKILL.md
skill-siteanalyze
Analyze any website's design system — detects shadcn/ui, Tailwind, extracts colors, typography, and components via Playwright + Claude Vision.
Usage
skill-siteanalyze <url>
What It Does
- Navigates to the target URL using Playwright
- Takes a screenshot and analyzes it with Claude Vision
- Detects UI framework (shadcn/ui, Tailwind CSS, etc.)
- Extracts color palette, typography scale, and component patterns
- Outputs an open-styles compatible design profile
Output
Returns a JSON design profile compatible with open-styles format, including:
colors— primary, secondary, accent, background, text colorstypography— font families, sizes, weightsframework— detected UI frameworkcomponents— identified component patterns
Related Skills
hasna/brand-assets
development
VerifiedTrustedCommunity
Fetch official brand assets from a website or brand name, then return logos, palette, typography, source metadata, and a clean asset manifest. Use when a user asks to find, extract, download, package, or normalize a brand's logo and visual identity assets.
8SKILL.mdUpdated Jun 7, 2026
hasna/voiceover-jingle-pack
tools
VerifiedTrustedCommunity
Generate hosted voiceover variants and short jingles
8SKILL.mdUpdated May 29, 2026
hasna/video-highlight-pack
tools
VerifiedTrustedCommunity
Generate premium video highlight packages with clip plans, captions, thumbnails, chapter markers, social copy, edit decisions, and manifest metadata.
8SKILL.mdUpdated May 29, 2026
hasna/test-suite-generator
development
VerifiedTrustedCommunity
Generate premium API, unit, and browser test suite packages with runnable tests and coverage notes.
8SKILL.mdUpdated May 15, 2026