メニュー
Generate beautifully formatted HTML presentations with a dark theme. Triggers: /present, 'create presentation', 'visualize', 'make HTML'. Accepts any content (lesson, report, data, plan, comparison, roadmap) and produces a standalone HTML file.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Audit and tune ANY existing site (static HTML, Astro, Next.js, WordPress export...) for search + AI discovery: SEO (Yandex & Google), AEO (AI answer engines), GEO (LLM/agent discovery). The agent checks robots.txt, sitemap.xml, canonical, meta/OG tags, JSON-LD, llms.txt and IndexNow, then generates whatever is missing. Use when the user says: optimize my site for search / SEO / чтобы находили в поиске / хочу в Яндекс и Google / AI-ответы. Tunes an existing site — it does not build one.
Generate Instagram carousels: 1080x1350 PNG slides from text (headline + body) and user photos, laid out in HTML/CSS and rendered headless via Playwright. Full design system baked in (Montserrat; cover/content/CTA card roles; calculated photo height; text-safe zones over faces; hyphen-only punctuation). Coral default palette, fully restylable to any brand (e.g. EdgeLab lime). Use WHENEVER you need a carousel for an Instagram post, want to lay out post slides, or turn a text + photos into a swipeable post. Triggers: "make a carousel", "carousel", "carousel post", "post slides", "slides for a post", "карусель", "слайды для поста", "пост-карусель", carousel/carousel. NOT for: single covers, reels, stories.
Generate premium, high-CTR YouTube thumbnails (1920x1080) — your real face from video frames, a punchy headline, a brand logo, on a dark high-contrast scene. Use this WHENEVER you need a YouTube cover/обложка/thumbnail, want a face pulled from a video onto a cover, want to "play with the font" on a cover, or want a thumbnail in a specific brand palette. Three engines: (A) GPT full-generation via gpt-image-2 with face+logo reference photos; (B) Compose — real rembg face cutout + scene + text via Playwright; (C) Hybrid — GPT no-text base + compose text for exact font control.
Research YouTube for content strategy — find what's taking off in a niche, scan competitor channels, rank videos by views and by view-velocity, and pull any video's transcript. Use this WHENEVER you need to research YouTube, find trending/viral videos on a topic, see what's blowing up on YT, scan a competitor's channel, get a YouTube video's transcript or 'what's in this video', or gather YouTube content ideas from what's working — even if the skill isn't named. Search and stats run keyless via yt-dlp; transcripts go through TranscriptAPI; a YouTube Data API key is optional for cleaner search.
Unified Telegram core (HTTP API + MCP stdio + tgdl + sales hooks) with single-session Telethon architecture. Use when setting up Telegram automation, reading/sending Telegram messages via local API, exporting chat history, or troubleshooting Telethon auth/session conflicts.
Self-audit, code quality improvement through clarifying questions, and proactive learning. Use when writing code, making decisions, completing tasks, or during weekly self-audit. Triggers on code review, task completion, weekly introspection, and when user says "интроспекция" or "аудит".
| name | present |
| description | Generate beautifully formatted HTML presentations with a dark theme. Triggers: /present, 'create presentation', 'visualize', 'make HTML'. Accepts any content (lesson, report, data, plan, comparison, roadmap) and produces a standalone HTML file. |
/present or asks to format something visuallypresent-{topic}.html in your working directory--el-bg: #141416
--el-text: #ffffff
--el-text-muted: #a1a1aa
--el-card-bg: rgba(255,255,255,0.06)
--el-card-border: rgba(255,255,255,0.1)
--el-accent: #c9a44a (gold)
--el-accent-dim: rgba(201,164,74,0.15)
--el-code-bg: rgba(255,255,255,0.08)
--el-divider: rgba(255,255,255,0.1)
--el-error: #ef4444
--el-success: #22c55e
'Playfair Display', Georgia, serif — font-weight: 600-700'Inter', sans-serif — font-weight: 400-600'SF Mono', 'Fira Code', monospacehttps://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swapHeader (lesson-header)
Table of Contents (toc)
Sections (section)
Cards (card)
Code (pre > code)
Tables (table)
Analogy (analogy)
Key point (key-point)
Error box (error-box)
Summary card (summary-card)
@media (max-width: 480px) {
.container { padding: 1rem 1rem 3rem; }
.lesson-title { font-size: 1.5rem; }
.section-title { font-size: 1.25rem; }
pre { padding: 0.75rem; }
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>{title}</title>
<!-- Fonts, CSS vars, styles -->
</head>
<body>
<div class="container">
<div class="lesson-header">
<div class="lesson-badge">{badge}</div>
<h1 class="lesson-title">{title}</h1>
<p class="lesson-subtitle">{subtitle}</p>
</div>
<div class="toc">...</div>
<!-- sections -->
</div>
</body>
</html>
assets/template-lesson.html