skills.rest
nexu-io
nexu-ioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ve-midnight-editorial

Generate cinematic, dark-themed HTML slide decks for financial reviews and data-driven presentations.

93.2k|10.8k|Updated Apr 28, 2026
Search Tags:#HTML#finance#presentation#editorial#data-visualization#deck#Slides
One-click install
npx skills add https://github.com/nexu-io/open-design --skill ve-midnight-editorial
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ve-midnight-editorial
Source: https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/ve-midnight-editorial
Command: npx skills add https://github.com/nexu-io/open-design --skill ve-midnight-editorial

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill addresses the need for high-fidelity, visually consistent, and decision-grade financial presentations that maintain a professional, cinematic aesthetic without requiring external design software or complex dependencies.

Core Features & Use Cases

  • Cinematic Design System: Implements a 'Midnight Editorial' aesthetic featuring deep navy backgrounds, warm gold accents, and specific typography scales.
  • Pure CSS/SVG Pipeline: Renders diagrams, charts, and tables using native CSS and SVG, ensuring zero external JavaScript dependencies for maximum performance and security.
  • Use Case: Create a board-ready financial review deck that clearly communicates runway, burn rates, and sustainability plans using a structured, decision-focused slide architecture.

Quick Start

Generate a financial review deck using the ve-midnight-editorial template by providing your specific financial data and audience details.

Frequently Asked Questions about ve-midnight-editorial

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a new slide deck with this Skill?▼

Use the provided example.html as a seed file and replace the content within the section elements. Ensure you maintain the existing CSS classes and structure to preserve the design system.

Can I add custom fonts or colors to the deck?▼

No, the design system is locked to specific Google Fonts (Instrument Serif and JetBrains Mono) and a predefined token sheet. This ensures visual consistency and adherence to the cinematic aesthetic.

Does this Skill support interactive charts or animations?▼

The Skill supports pure CSS/SVG animations and transitions as defined in the template. It does not support external JavaScript libraries like Chart.js or Mermaid to maintain a zero-dependency architecture.

How do I toggle between light and dark themes?▼

The deck includes a built-in theme engine. Users can toggle between the dark (default) and light themes using the 'T' key or the ◐ button provided in the slide chrome.

What are the limitations of the diagram slide?▼

Diagrams must be constructed using the pure CSS/SVG pipeline provided in the template. Complex, dynamic, or external-data-driven diagrams are not supported to ensure the deck remains a single, self-contained HTML file.

Related Skills

Explore More Finance & Accounting Skills→
wassemgtkwassemgtk

board-ready-kpi-narratives

Generate board-ready KPI narratives using MECE and DuPont decomposition.

Community
Advanced
kortix-aikortix-ai
6

presentations

Create, edit, and export HTML slide decks with PDF/PPTX output.

Official
Advanced
giggle-officialgiggle-official

x2c-real-dashboard

Retrieve real-time X2C financial data, KPI metrics, and transaction history.

Official
Intermediate
stanislavjiricekstanislavjiricek
6

phase-slideshow

Generate structured slide deck outlines from research project contents.

Community
Intermediate