404kidwiz/theme-factory
theme-factory-skill/SKILL.md
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
$ install --global
skillsauthnpx skillsauth add 404kidwiz/claude-supercode-skills theme-factoryInstall 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%
Error
VirusTotalMulti-engine malware detection
70%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Mar 25, 2026, 6:26 PM44.3s1 file scanned
SKILL.md
- name:
- theme-factory
- description:
- Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
Theme Factory
Purpose
Provides a toolkit for applying consistent visual themes to various artifacts including presentations, documents, reports, and web pages. Offers pre-set themes and the ability to generate custom themes with coordinated colors, typography, and styling.
When to Use
- Applying consistent branding to presentations or documents
- Styling HTML pages with professional color schemes
- Creating custom themes from brand guidelines
- Converting plain artifacts to themed versions
- Generating color palettes for new projects
- Ensuring accessibility in color choices
- Creating dark/light mode variations
- Styling reports and data visualizations
Quick Start
Invoke this skill when:
- Applying consistent branding to presentations or documents
- Styling HTML pages with professional color schemes
- Creating custom themes from brand guidelines
- Converting plain artifacts to themed versions
- Generating color palettes for new projects
Do NOT invoke when:
- Designing UI components from scratch → use ui-designer
- Building complete web applications → use frontend-design
- Creating visual art or graphics → use canvas-design
- Applying Anthropic brand specifically → use brand-guidelines
Decision Framework
Theming Need?
├── Corporate Branding → Use brand colors + approved fonts
├── Quick Professional → Apply pre-set theme
├── Custom Theme → Generate from primary color + style
├── Accessibility → Ensure WCAG contrast ratios
├── Dark Mode → Invert with adjusted colors
└── Print-Friendly → Optimize for paper output
Core Workflows
1. Apply Pre-set Theme
- Select target artifact (slides, doc, HTML)
- Choose from available pre-set themes
- Extract current content structure
- Apply theme colors to headings, text, backgrounds
- Set typography (fonts, sizes, weights)
- Adjust spacing and layout to theme
- Verify visual consistency
2. Generate Custom Theme
- Gather brand inputs (primary color, logo, guidelines)
- Generate complementary color palette
- Select font pairing (heading + body)
- Define spacing scale and component styles
- Create theme configuration file
- Apply to target artifact
- Iterate based on feedback
3. Multi-Format Theme Application
- Define theme as abstract tokens (colors, fonts, spacing)
- Create format-specific implementations (CSS, PPTX styles, docx styles)
- Apply appropriate implementation per artifact type
- Ensure visual consistency across formats
- Document theme usage guidelines
Best Practices
- Start with accessible color contrast ratios (WCAG AA minimum)
- Limit color palette to 3-5 colors for cohesion
- Use consistent spacing scale (4px, 8px, 16px, etc.)
- Pair fonts intentionally (contrast or complement)
- Test themes on actual content, not lorem ipsum
- Provide light and dark mode variants when possible
Anti-Patterns
- Too many colors → Limit to primary, secondary, accent + neutrals
- Ignoring contrast → Always verify accessibility ratios
- Inconsistent spacing → Use defined spacing scale
- Random font pairing → Choose fonts with intentional relationship
- Theme without content → Always test with real content
Related Skills
404kidwiz/xlsx
development
VerifiedTrustedCommunity
Expert in automating Excel workflows using Node.js (ExcelJS, SheetJS) and Python (pandas, openpyxl).
63SKILL.mdUpdated Mar 25, 2026
404kidwiz/workflow-orchestrator
content-media
VerifiedTrustedCommunity
Expert in designing durable, scalable workflow systems using Temporal, Camunda, and Event-Driven Architectures.
63SKILL.mdUpdated Mar 25, 2026
404kidwiz/wordpress-master
tools
VerifiedTrustedCommunity
Use when user needs WordPress development, theme or plugin creation, site optimization, security hardening, multisite management, or scaling WordPress from small sites to enterprise platforms.
63SKILL.mdUpdated Mar 25, 2026
404kidwiz/windows-infra-admin
tools
VerifiedTrustedCommunity
Expert in Windows Server, Active Directory (AD DS), Hybrid Identity (Entra ID), and PowerShell automation.
63SKILL.mdUpdated Mar 25, 2026