theme-factory-htmlcss
Sub-skill of theme-factory: HTML/CSS (+2).
Best use case
theme-factory-htmlcss is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Sub-skill of theme-factory: HTML/CSS (+2).
Teams using theme-factory-htmlcss should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/htmlcss/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How theme-factory-htmlcss Compares
| Feature / Agent | theme-factory-htmlcss | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Sub-skill of theme-factory: HTML/CSS (+2).
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# HTML/CSS (+2)
## HTML/CSS
```html
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=JetBrains+Mono&display=swap" rel="stylesheet">
<style>
:root {
--primary: #0d0221;
--secondary: #1a0533;
--accent: #7c3aed;
--highlight: #a78bfa;
--text: #f5f3ff;
*See sub-skills for full details.*
## PowerPoint (python-pptx)
```python
from pptx.dml.color import RGBColor
# Tech Innovation theme
THEME = {
'primary': RGBColor(0x0d, 0x02, 0x21),
'secondary': RGBColor(0x1a, 0x05, 0x33),
'accent': RGBColor(0x7c, 0x3a, 0xed),
'highlight': RGBColor(0xa7, 0x8b, 0xfa),
'text': RGBColor(0xf5, 0xf3, 0xff),
*See sub-skills for full details.*
## Excel (openpyxl)
```python
from openpyxl.styles import PatternFill, Font
# Tech Innovation theme
header_fill = PatternFill(start_color="7c3aed", fill_type="solid")
header_font = Font(name="Space Grotesk", color="f5f3ff", bold=True)
# Apply to cells
for cell in ws[1]:
cell.fill = header_fill
cell.font = header_font
```Related Skills
client-llm-wiki-factory
Operator checklist for instantiating a new per-client private llm-wiki repo under workspace-hub [#2746](https://github.com/vamseeachanta/workspace-hub/issues/2746) + [#2731](https://github.com/vamseeachanta/workspace-hub/issues/2731) D4 (amended) naming convention `llm-wiki-<client>`.
theme-factory
Professional styling toolkit with 10 pre-set themes for slides, documents, reports, and HTML pages. Use when applying consistent colors and fonts to any artifact, or when generating custom themes on-the-fly.
content-strategy-theme-monthly-focus
Sub-skill of content-strategy: Theme: [Monthly Focus] (+6).
theme-factory-step-1-display-theme-showcase
Sub-skill of theme-factory: Step 1: Display Theme Showcase (+3).
theme-factory-request-details
Sub-skill of theme-factory: Request Details (+2).
theme-factory-quick-reference
Sub-skill of theme-factory: Quick Reference.
theme-factory-1-ocean-depths
Sub-skill of theme-factory: 1. Ocean Depths (+9).
test-oversized-skill
A test fixture skill that exceeds 200 lines with multiple H2/H3 sections for split testing.
interactive-report-generator
Generate interactive HTML reports with Plotly visualizations from data analysis results. Supports dashboards, charts, and professional styling.
data-validation-reporter
Generate interactive validation reports with quality scoring, missing data analysis, and type checking. Combines Pandas validation, Plotly visualization, and YAML configuration for comprehensive data quality reporting.
agent-os-framework
Generate standardized .agent-os directory structure with product documentation, mission, tech-stack, roadmap, and decision records. Enables AI-native workflows.
OrcaFlex Specialist Skill
```yaml