vertical-9-16-layout-skill

vertical-9-16-layout-skill is a skill for Claude Code, Codex from arcsin1/oh-my-ppt. It costs 70 tokens per session (1,539 once invoked), scanned A, original, Apache-2.0.

A layout guide for designing 9:16 vertical pages, such as mobile-story screens, usually at 900 by 1600 pixels. It explains how to arrange a visual hook, main content, and conclusion from top to bottom.

In plain words
What is it for?
Planning vertical page messages, budgeting space between top, middle, and bottom zones, choosing suitable story layouts, and checking the finished page against structural requirements.
Why use it?
It helps dense content remain readable on a tall screen instead of overflowing or becoming a pile of unrelated cards.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Planning vertical page messages, budgeting space between top, middle, and bottom zones, choosing suitable story layouts, and checking the finished page against structural requirements.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/arcsin1/oh-my-ppt/vertical-9-16-layout-skill
About the project

Oh My PPT is a local-first desktop application that uses AI to create, edit, present, and export editable HTML-based slide presentations. It is for people making presentations, lessons, stories, reports, or pitches who want to describe their content and then adjust the resulting pages, visuals, animations, and layouts.

arcsin1/oh-my-ppt · 1,943 stars · on GitHub · ohmyppt.cc

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add arcsin1/oh-my-ppt --skill vertical-9-16-layout-skill
Clone the repo
git clone --depth 1 https://github.com/arcsin1/oh-my-ppt

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for vertical-9-16-layout-skill

README.md
[![agentmods](https://agentmods.dev/badge/skills/arcsin1/oh-my-ppt/vertical-9-16-layout-skill/github.svg)](https://agentmods.dev/skills/arcsin1/oh-my-ppt/vertical-9-16-layout-skill)
Your own site
<a href="https://agentmods.dev/skills/arcsin1/oh-my-ppt/vertical-9-16-layout-skill"><img src="https://agentmods.dev/badge/skills/arcsin1/oh-my-ppt/vertical-9-16-layout-skill/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for vertical-9-16-layout-skill

Your own site · 80×15
<a href="https://agentmods.dev/skills/arcsin1/oh-my-ppt/vertical-9-16-layout-skill"><img src="https://agentmods.dev/badge/skills/arcsin1/oh-my-ppt/vertical-9-16-layout-skill.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 70 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,539 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00070 $0.01539
Opus 5 $0.00035 $0.00770
Sonnet 5 $0.00014 $0.00308
Haiku 4.5 $0.00007 $0.00154

Measured 5d ago against content hash 8f5aeacdbf38, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade A, and why

vertical-9-16-layout-skill scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

resources/skills/vertical-9-16-layout-skill/SKILL.md · 78 lines

How it starts

The opening of the file, as written. The whole thing — 78 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Vertical 9:16 Layout Skill

This skill is the layout source of truth for vertical-9-16 pages, usually 900x1600.

A 9:16 page is a vertical story screen. Its strongest layouts feel like a designed reading sequence: a top hook, a middle value zone, and a bottom conclusion or support area. The job is to make the page scan from top to bottom without becoming a stack of unrelated cards.

This canvas is a vertical story frame, not a compressed slide. When the source content is dense or "needs to be summarized", summarize or regroup it for this reading format instead of cramming a 16:9 deck's worth of outline into one page.

Deep details live in the references:

  • references/catalog.md - named vertical story patterns and 900x1600 zone skeletons.
  • references/checklist.md - P0/P1/P2 structural self-check for delivery.

Preflight

Before writing HTML, decide:

  1. Message - the one sentence this screen should make the viewer remember.
  2. Hook - the first visual/text anchor: claim, question, number, quote, or compact image/data object.
  3. Main value - the proof, explanation, comparison, steps, or data that makes the hook useful. Start with 2-3 supporting modules (or 4-5 compact list rows for ranked/steps), then regroup or choose a denser pattern when the content genuinely needs it; do not squeeze extra material in by making it unreadable.
  4. Bottom role - takeaway, implication, source, callout, or final support.
  5. Density - low for hero claim/quote, medium for most explainers, high only for compact ranked lists or step pages. Never use "high density" as a reason to exceed the 3-module cap.
  6. Pattern - use a structure from references/catalog.md as a starting point when it helps the reading path; it is not a closed template menu, and a fresh composition is welcome when it serves the page thesis.
  7. Budget - estimate title wrapping, section heights, gaps, chart/list height, and bottom reserve against the current canvas.

Use the canvas dimensions from the prompt. If custom dimensions are supplied, scale the same vertical relationships to that height and width.

Read the full file on GitHub · 78 lines

Files

What ships with it

3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 5d ago Changed 8f5aeacdbf38
  2. 11d ago First seen · 78 lines · 70 tokens per session scan A 0c01a7592809

Subscribe to this mod's changes

vertical-9-16-layout-skill is a skill published in the GitHub repository arcsin1/oh-my-ppt (1,943 stars, last pushed 5d ago), licensed Apache-2.0. It adds 70 tokens to every session and 1,539 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

mermaid-diagram

Use when the user asks for a flowchart, architecture diagram, sequence diagram, ER diagram, state machine, gantt chart, or any visual that fits Mermaid syntax. Hope Agent's chat renders Mermaid blocks natively, so the diagram appears inline.

shiwenwen/hope-agent · 55 tokens

visual-design

A design skill for turning content into complete, self-contained HTML pages and visual materials such as websites, banners, posters, reports, resumes, and portfolios. It follows a defined visual design system and does not use outside images or code libraries.

Pinvou/pinvou-agent · 152 tokens

impeccable

Use when the user wants distinctive, production-grade frontend design, anti-generic AI aesthetics, UX critique, technical UI audits, or final polish through bundled Impeccable references and an optional upstream detector CLI.

Peiiii/nextclaw · 47 tokens

ui-ux-pro-max

Use when the user wants professional UI/UX design guidance, design-system generation, UX review, or stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset and Python search runtime.

Peiiii/nextclaw · 45 tokens

nextclaw-skin-studio

A studio for browsing, applying, creating, refining, switching, inspecting, and removing custom NextClaw skins. A skin changes an app's visual appearance and can include CSS, JavaScript, images, SVG, layout changes, and motion.

Peiiii/nextclaw · 115 tokens

codex-slides

Create, research, revise, restyle, present, inspect, and export Codex Slides slide decks from Codex, including scenario workflows, project Design Files, and always-on brand design systems. Use when the user asks for a presentation, PPT/PPTX, slide deck, research brief converted into slides, an existing deck edit, a…

nexu-io/codex-slides · 101 tokens