Menu
SkillsMP has collected 63 skills from pujan-modha/clover-design. Open a skill to review its source and details.
Showing 40 of 63 collected skills.
Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project…
Data visualization design using Recharts or comparable charting libraries. Enforces brand-consistent colors, readable axes, accessible chart patterns. Use for charts, dashboards, analytics views, or any data-driven UI.
A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list). Lifestyle / creator brand tone. Use when the brief asks for an…
Creates distinctive, production-grade frontend interfaces with exceptional design quality. Avoids generic AI aesthetics (Inter font, purple gradients, predictable card layouts). Use for any UI component, landing page, dashboard, or prototype styling.
生成"电子杂志 × 电子墨水"风格的横向翻页网页 PPT（单 HTML 文件），含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到"杂志风 PPT"、"horizontal swipe deck"、"editorial magazine"、"e-ink presentation"时使用。
Source text: Chinese
Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references. Use when a user wants to hatch a Codex pet, create a custom animated pet, or build a built-in…
Online-course / workshop module deck — warm paper background + Playfair serif, persistent left sidebar of learning objectives, MCQ self-check page. Use for teaching modules, training materials, workshop slides.
8 页极简方向键 keynote — 每页一个独立单色背景（靛 / 奶 / 绛 / 翠 / 灰 / 紫 / 白 / 炭），各自配色，160px display 标题 + 4px 短粗 accent 线分隔、箭头 → 前缀的 Mono 列表、左下 ← → kbd 提示 + 右下页码、巨大呼吸留白。适合"有话要说但没什么可看"的 keynote、launch、公开演讲。
暗底知识图谱 deck —
暗终端 honest-review deck —
奶油蓝图架构 deck — 奶油纸
GitHub 暗紫渐变 deck — GitHub-dark
Investor-ready 10-slide HTML pitch deck — white + blue→purple gradient hero, big numbers, traction bar chart, $4.5M-style ask page. Use when the user wants a fundraising deck, seed-round pitch, or VC meeting slides.
演讲者模式专用 deck — tokyo-night 默认主题，5 套主题 T 键切换，每页带 150-300 字逐字稿示例（<aside class="notes">），按 S 打开 popup（CURRENT / NEXT / SCRIPT / TIMER 四张磁吸卡片）。用于技术分享、公开演讲、课程讲解，怕忘词或要提词器的场景。
Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA. Use when announcing a product, launching a feature, or doing a keynote-style reveal.
16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whitespace, one accent. Distilled from Leonxlnx/taste-skill `minimalist-skill`.
Conference / internal tech-talk deck — GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for engineering presentations, internal sharing sessions, conference talks, and code-heavy walkthroughs.
红琥珀警示 deck — 顶/底 45° 红黑 hazard 条纹、红色删除线否定标题、L1/L2/L3 绿/琥珀/红 tier 卡片、圆点状态 alert box、policy-yaml 代码块（红左边框 + bad 关键词高亮）、红绿 checklist、Q1 事故堆叠柱状图。适合安全 / 风险 / 事故复盘 / 红队 / 上线前 AI 评审 / policy-as-code。
Team weekly / status-update deck — corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table. Use for 周报, business reviews, team status updates, and exec dashboards.
柔和马卡龙慢生活 deck — 奶油
小红书 / Instagram 风 9 页 3:4 竖版图文（810×1080）— 暖色 pastel、虚线 sticker 卡片、底部页码点点。用于发小红书图文、Instagram carousel、品牌种草内容。
白底杂志风 deck — 纯白背景 + 顶部 10 色彩虹 bar、80-110px display 标题、紫→蓝→绿→橙→粉渐变文字、马卡龙软卡片组（粉/紫/蓝/绿/橙）、黑底白字 .focus pill、引用大块。同时适合发小红书图文 + 横版 PPT 双用。
Huashu-Design philosophy — HTML as a design tool, not just a web medium. Embody different experts (UX designer, motion designer, slide designer, prototyper) based on the task. Anti-AI-slop guardrails, Junior Designer workflow, and 5-dimension critique. Use…
Mobile UI mockups with correct proportions and touch interactions. Enforces 44px touch targets, proper status bar height, and safe area insets. Use for mobile app screens, responsive mobile layouts, or any prototype intended for phone viewports.
Short-form video generation skill — 3-10 second clips for product reveals, motion teasers, ambient loops. Defaults to Seedance 2 but works the same with Kling 3 / 4, Veo 3 or Sora 2. Output is one MP4 saved to the project folder. When the workspace also ships…
Long-form editorial blog post layout with hero image, typography hierarchy, pull quotes, and code blocks. Use for "blog post", "article", "essay".
Run a 5-dimension expert design review on any HTML artifact. Scores: Philosophy, Visual hierarchy, Detail, Functionality, Innovation (0–10). Outputs a self-contained HTML report with radar chart and action lists.
Data visualization dashboard with multiple chart types — line, bar, pie, scatter, heatmap. All inline SVG. Use for "data viz", "charts", "graphs", "analytics".
Dating app landing or profile page with card stack, matching UI, and messaging preview. Use for "dating app", "matching", "profile", "swipe".
Structured design brief document — problem statement, goals, audience, competitive landscape, mood board, and success metrics.
Technical documentation page with sidebar navigation, search, code blocks, and table of contents. Use for "docs", "documentation", "API docs", "guide".
Promotional email blast with hero image, headline, body, CTA button, and unsubscribe footer. Use for "promo email", "blast", "campaign email".
Brand product-launch email — masthead, hero, headline lockup, body, CTA, specs grid. Pure HTML email layout (centered single column).
Engineering runbook / incident response guide with step-by-step procedures, code snippets, and severity indicators. Use for "runbook", "incident response", "SOP", "playbook".
Quarterly or annual financial report with KPI cards, charts, and narrative. Use for "financial report", "quarterly report", "earnings", "P&L".
Gamified interface with points, badges, progress bars, leaderboards, and achievement cards. Use for "gamification", "rewards", "points", "badges".
Employee onboarding checklist and welcome page with progress tracking, team introductions, and resource links. Use for "onboarding", "welcome", "new hire", "HR portal".
HTML Presentation Studio — author slide decks as static HTML files with keyboard navigation, themes, animations, and presenter mode. Use for "presentation", "ppt", "slides", "deck", "keynote", "pitch deck".
Multi-frame animated composition with CSS keyframes — scroll-driven or auto-playing frames for storytelling. Use with "hyperframes", "scroll story", "animated narrative".
Event or campaign poster with dominant imagery, bold typography, and clear call-to-action. Use for "poster", "event poster", "campaign".