Style brand

Skill urmzd/dotfiles/dot_agents/skills/style-brand

Frame and document a project's visual identity: terminal theme, font, demo capture pipeline, asset conventions. Use when establishing or maintaining brand consistency. Ships an example brand (Cyberdream + MonaspiceNe + teasr) as a template, not a mandate.From its SKILL.md

Install

npx -y skills add urmzd/dotfiles --skill style-brand

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

2.5 KB, 661 tokens by cl100k_base, as published. Nobody here has run it

Visual Identity

Theme & Font

Element	Choice
Theme	<your theme> (example: Cyberdream, 256-color)
Font	<your font> (example: MonaspiceNe Nerd Font, 16pt)

Example palette (Cyberdream -- substitute your own):

Color	Hex
Background	`#16181a`
Foreground	`#ffffff`
Red	`#ff6e5e`
Green	`#5eff6c`
Yellow	`#f1ff5e`
Blue	`#5ea1ff`
Magenta	`#bd5eff`
Cyan	`#5ef1ff`
Selection	`#3c4048`

teasr Demo Template

Terminal demos are recorded with a consistent template using whatever recorder you prefer (this portfolio uses teasr):

[output]
dir = "./showcase"
formats = [{ output_type = "gif" }, { output_type = "png" }]

[[scenes]]
type = "terminal"
name = "demo"
theme = "dracula"
cols = 100
rows = 24
frame_duration = 80

[[scenes.interactions]]
type = "type"
text = "export PS1='> '"
hidden = true

[[scenes.interactions]]
type = "key"
key = "enter"
hidden = true

[[scenes.interactions]]
type = "wait"
duration = 500
hidden = true

# Demo commands go here
[[scenes.interactions]]
type = "type"
text = "<command>"
speed = 50

[[scenes.interactions]]
type = "key"
key = "enter"

[[scenes.interactions]]
type = "wait"
duration = 2000

teasr Demo Capture

teasr automates demo capture with teasr.toml config:

Scene types: web (Chrome DevTools), terminal (PTY→SVG→PNG), screen (xcap)
Output formats: png, gif
Standard output dir: showcase/ (default: ./teasr-output)
Naming: demo.png, demo.gif, demo-<feature>.png
CI integration: invoke your recorder via a reusable action (this portfolio uses urmzd/teasr/.github/actions/teasr@main)

Asset Directory Convention

showcase/ directory: demo.png or demo.gif (hero, 80% width), demo-<feature>.png (feature captures), example_results/ (gallery, 30% width each).

Demo Priority

teasr (automated) > manual screenshots

Branding Consistency

Your chosen theme + font applied consistently across (example: Cyberdream + MonaspiceNe):

Terminal demos (teasr)
GitHub Actions branding (icon + color)
github-metrics SVGs

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.