Custom Skills

Custom Skills

How It Works

Drop a .md file in src/skills/. The model reads it as instructions.

Key Insight

Don't describe what you want — give the model exact CSS to copy. Small models follow templates perfectly but fail at creative interpretation.

Example: Ferrari Automotive Skill

The ferrari_automotive.md skill bakes in exact CSS patterns:

## EXACT CSS Patterns To Use

### Background Classes
.bg-hero { background: linear-gradient(160deg, #1a0000 0%, #000000 40%, #1a0505 100%); }
.bg-red-dark { background: linear-gradient(180deg, #DA291C 0%, #8b0000 100%); }
.bg-pure-red { background: #DA291C; }

### Red Glow Effects
box-shadow: 0 0 40px rgba(218,41,28,0.2);

This produces consistent Ferrari-style red/black dramatic pages for ANY brand you name.

Creating Your Own

1. Create src/skills/your_skill_name.md
2. Include exact CSS code blocks the model should copy
3. Define a rigid section structure (numbered list)
4. Specify content rules (what to replace, what format)
5. Test: call with skill_id="your_skill_name"