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/merge-pr
testing
VerifiedTrustedCommunity
Merge a GitHub pull request, merge when green, use a merge queue, or decide whether a pull request is mergeable. Use only for explicit merge intent, not ordinary review.
19SKILL.mdUpdated Jul 24, 2026
hasna/performance-audit-report
development
VerifiedTrustedCommunity
Generate premium performance audit reports for web apps, APIs, or SaaS surfaces with metrics, findings, budgets, remediation plans, and manifest metadata.
19SKILL.mdUpdated May 15, 2026
hasna/customer-feedback-report
data-ai
VerifiedTrustedCommunity
Generate premium customer feedback reports from reviews, support tickets, surveys, call notes, or raw feedback with clusters, sentiment, root causes, roadmap recommendations, evidence, and manifest metadata.
19SKILL.mdUpdated May 15, 2026
hasna/pdf-generate
development
VerifiedTrustedCommunity
Generate high-quality PDF documents from markdown, HTML, or templates
19SKILL.mdUpdated May 12, 2026