theme-factory
Style web artifacts and layouts using cohesive themes.
Developer Setup
Setup & Installation
npx skills add https://github.com/anthropics/skills --skill theme-factorynpx skills add https://github.com/anthropics/skills --skill theme-factoryOverview
What This Skill Does
Generates elegant and accessible theme systems, dark mode palettes, and component states. It manages color variables, shadows, and spacing rules across Tailwind and Vanilla CSS.
Application
When to use this Skill
- Designing unified light and dark themes for websites
- Generating custom, tailored HSL and RGB color system scales
- Adding clean focus states and transition presets to components
- Reviewing UI components for WCAG contrast ratio compliance
- Implementing configurable style sheets for white-label apps
Documentation
Show Skills.md file
Theme Factory Skill
This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.
Purpose
To apply consistent, professional styling to presentation slide decks, use this skill. Each theme includes:
- A cohesive color palette with hex codes
- Complementary font pairings for headers and body text
- A distinct visual identity suitable for different contexts and audiences
Usage Instructions
To apply styling to a slide deck or other artifact:
- Show the theme showcase: Display the
theme-showcase.pdffile to allow users to see all available themes visually. Do not make any modifications to it; simply show the file for viewing. - Ask for their choice: Ask which theme to apply to the deck
- Wait for selection: Get explicit confirmation about the chosen theme
- Apply the theme: Once a theme has been chosen, apply the selected theme's colors and fonts to the deck/artifact
Themes Available
The following 10 themes are available, each showcased in theme-showcase.pdf:
- Ocean Depths - Professional and calming maritime theme
Recommendations
Explore other random skills
bx
USE FOR web search, research, RAG, grounding, browse, find, lookups, fact-checking, documentation, agentic AI. All-in-one, optimized for AI agents. Pre-extracted, token-budgeted web content, deep research, news, images, videos, places, custom ranking
images-search
USE FOR image search. Returns images with title, source URL, thumbnail. Supports SafeSearch filter. Up to 200 results.
llm-context
USE FOR RAG/LLM grounding. Returns pre-extracted web content (text, tables, code) optimized for LLMs. GET + POST. Adjust max_tokens/count based on complexity. Supports Goggles, local/POI. For AI answers use answers. Recommended for anyone building AI/agentic applications.