Agent skill · marketing growth · nexu-io
fs-electric-studio
OpenDesign as an enterprise design platform: a buyer-forwardable proposal for a design-org's economic buyer — pain, value, ROI, rollout. Built as a decision-grade B2B sales deck for economic buyer, design VP, procurement.
Why this skill is useful
Provides a structured approach to creating decision-grade B2B sales proposals tailored for enterprise buyers, which the AI wouldn't reliably generate on its own.
What it needs
About 5k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Electric Studio · 钴蓝工作室 Bold, clean, professional, high-contrast split-panel decks. Theme locked to the Electric Studio preset (section 2 of STYLEPRESETS.md) from the MIT-licensed zarazhangrui/frontend-slides. Start from example.html in this plugin folder. It is the proven seed: keep its stage CSS (full viewport-base.css contents), the split-panel shell, the corner-marks chrome, the :root tokens, and the entire SlidePresentation controller script verbatim — replace slide content only. Do not rewrite the design; do not introduce any color or font outside this spec. Locked design tokens (:root — complete list, no additions) Forbidden: any other hue, gradients, purple/indigo (#6366f1), warm accents, photography, illustrations, drop shadows, rounded hero cards. The palette is exactly white / cobalt / near-black plus their soft alphas. Typography (all Manrope, Google Fonts weights 400/500/800) Display / H2 — Manrope 800, tight negative letter-spacing (-0.025em to -0.035em), line-height ≤ 1.08. Title ~152px, H2 60–88px. A terminal period in --accent-blue (<span class="blue">.</span>) is a signature flourish. Quote hero — Manrope 800 at ~92px with an oversized cobalt “ mark (~220px): quote typography is the deck's hero visual. Kicker — 22px, 800, uppercase, letter-spacing: 0.34em, cobalt on white / white on cobalt. Body / lede — 400/500, 25–33px. Support copy on the white panel uses --text-dark-soft; body copy on the cobalt panel stays full --text-light for WCAG AA contrast (the soft light alpha is reserved for bold uppercase chrome: marks, hints, separators). Marks — 19px, 800, uppercase, letter-spacing: 0.22em. Never substitute Inter, Roboto, Arial, serifs, or any second typeface. Locked layout system — vertical split panels Every slide is the same shell: White above, cobalt #4361ee below — always. Vary only the split ratio per master; never side-by-side splits, never blue-over-white. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/fs-electric-studio