47network/color-system
skills/design/color-system/SKILL.md
Generate color palettes, evaluate contrast ratios, simulate color blindness, and create full light/dark themes from a single seed color. Uses OKLCH for perceptual uniformity.
$ install --global
skillsauthnpx skillsauth add 47network/Sven color-systemInstall 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 23, 2026, 5:56 PM72.0s2 files scanned
SKILL.md
- name:
- color-system
- description:
- Generate color palettes, evaluate contrast ratios, simulate color blindness, and create full light/dark themes from a single seed color. Uses OKLCH for perceptual uniformity.
- version:
- 2026.4.11
- publisher:
- 47Network
- handler_language:
- typescript
- handler_file:
- handler.ts
- inputs_schema:
- {"type":"object","properties":{"action":{"type":"string","enum":["palette","theme","contrast","blindness","css_theme"],"default":"palette"},"seed_color":{"type":"string","description":"Hex color (e.g. #3366ff)"},"method":{"type":"string","enum":["complementary","analogous","triadic","tetradic","split-complementary","monochromatic"],"default":"triadic"},"palette_name":{"type":"string"},"foreground":{"type":"string","description":"Foreground hex for contrast check"},"background":{"type":"string","description":"Background hex for contrast check"},"blindness_type":{"type":"string","enum":["protanopia","deuteranopia","tritanopia","achromatopsia"],"default":"deuteranopia"}},"required":["action"],"additionalProperties":false}
- outputs_schema:
- {"type":"object","properties":{"action":{"type":"string"},"result":{"type":"object"}},"required":["action","result"]}
Color System Skill
Generate professional color palettes, evaluate WCAG contrast, simulate color blindness, and derive full light/dark themes from a single seed color.
Actions
palette— Generate a harmony palette from a seed color and methodtheme— Generate a complete light + dark semantic theme from a seed colorcontrast— Evaluate WCAG 2.1 contrast ratio between foreground and backgroundblindness— Simulate how a color appears under a given color blindness typecss_theme— Generate a full CSS custom property theme from a seed color
Examples
- "Generate a professional blue palette" →
{ action: "palette", seed_color: "#3366ff", method: "triadic" } - "Check if this text is readable" →
{ action: "contrast", foreground: "#333333", background: "#f5f5f5" } - "Create a dark theme from our brand color" →
{ action: "theme", seed_color: "#3366ff" }
Scope Mapping
design.color: read (generates data, no side effects)
Related Skills
47network/webapp-tester
development
VerifiedTrustedCommunity
Automated web testing advisor — generate Playwright test scripts, accessibility checks, and performance audits.
3SKILL.mdUpdated Apr 23, 2026
47network/security-posture
testing
VerifiedTrustedCommunity
Unified security posture reporting — combines SAST, dependency audit, secret scan, infrastructure scan, and pentest results into a single scored report with OWASP and SOC 2 compliance mapping, top risks, and remediation recommendations.
3SKILL.mdUpdated Apr 23, 2026
47network/secret-scanner
development
VerifiedTrustedCommunity
Detect hardcoded secrets, API keys, tokens, private keys, and credentials in source code and config files. 20 built-in patterns covering AWS, GitHub, Slack, Stripe, database URLs, JWTs, and more.
3SKILL.mdUpdated Apr 23, 2026
47network/sast-scanner
development
VerifiedTrustedCommunity
Static Application Security Testing — scan TypeScript/JavaScript source code for SQL injection, XSS, SSRF, path traversal, command injection, hardcoded secrets, insecure crypto, auth bypass, prototype pollution, and more. 14 built-in rules mapped to OWASP Top 10 and CWE.
3SKILL.mdUpdated Apr 23, 2026