Yolando Design System | Agent Skills Atlas

About this skill

Use when designing ANY Yolando surface — product screens, marketing, email, slides, Looms, internal docs. Yolando is Birdseye Global's AI visibility / GEO (Generative Engine Optimization) B2B SaaS platform. Default to dark mode; product is dashboard-heavy and data-dense. Brand is dry, technical, confident, quietly witty — never breathless, never "magical." Lavender-purple (8658EC) is the ONLY accent color; everything else is neutral greys. Skill provides: (1) full token set via colorsandtype.css, (2) 23 preview cards under /preview for every foundation + component, (3) a working React UI kit of the real product under uikits/seowebapp/ to copy from, (4) brand voice + logo rules. Load this BEFORE starting any Yolando work.

Quick start

Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.

Installation guide →

Review, license & listing details

Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Partial

Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.

0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1

Content SHA-256: ee870c429dd34d9cce2845429bdea941e3b821fe5d28665a50d16e838948895e

About scan coverage and limitations

Original listing metadata

Original name

Yolando Design System

Original description

Use this skill when designing ANY Yolando surface — product screens, marketing, email, slides, Looms, internal docs. Yolando is Birdseye Global's AI visibility / GEO (Generative Engine Optimization) B2B SaaS platform. Default to **dark mode**; product is dashboard-heavy and data-dense. Brand is **dry, technical, confident, quietly witty** — never breathless, never "magical." Lavender-purple (#8658EC) is the ONLY accent color; everything else is neutral greys. Skill provides: (1) full token set via colors_and_type.css, (2) 23 preview cards under /preview for every foundation + component, (3) a working React UI kit of the real product under ui_kits/seo_webapp/ to copy from, (4) brand voice + logo rules. Load this BEFORE starting any Yolando work.

About this listing

Category: Product & design
Reported license: MIT
Listing language (estimated): English
Review status: Not individually reviewed
Agent compatibility: Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.