Навыки: Дизайн

Use when an HTML file, a URL or a published page has to become kivo-creator section specs - rendering it at 390 and 1440...

Drop coral-gradient pins on any HTML page, write feedback in an inline glass note popup, copy out as Markdown / Plain /...

Guidelines for generating self-contained HTML mockups that look professional and are easy to iterate on.

Use to build interactive single-file HTML playgrounds, explorers, or tools with visual controls, live preview, and promp...

Convert a codebase into a self-contained HTML portal app for ingestion into AI application systems. Produces a single de...

HTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all driven by t...

HTML Presentation Studio — author slide decks as static HTML files with keyboard navigation, themes, animations, and pre...

Online-course / workshop module deck — warm paper background + Playfair serif, persistent left sidebar of learning objec...

8 页极简方向键 keynote — 每页一个独立单色背景（靛 / 奶 / 绛 / 翠 / 灰 / 紫 / 白 / 炭），各自配色，160px display 标题 + 4px 短粗 accent 线分隔、箭头 → 前缀的 Mono 列表、...

暗底知识图谱 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-styl...

演讲者模式专用 deck — tokyo-night 默认主题，5 套主题 T 键切换，每页带 150-300 字逐字稿示例（<aside class="notes">），按 S 打开 popup（CURRENT / NEXT / SCRI...

Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA. Use when a...

给任意 HTML 幻灯片注入翻页笔遥控 + 智能全屏能力。当用户提到"翻页笔"、"全屏"、"幻灯片翻页"、 "HTML PPT"、"presentation remote"时自动触发。兼容所有幻灯片结构（deck-stage、.slide、...

Build professional HTML presentations with 36 themes, 31 layouts, 47 animations — pure static HTML/CSS/JS, no build step...

Conference / internal tech-talk deck — GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for en...

红琥珀警示 deck — 顶/底 45° 红黑 hazard 条纹、红色删除线否定标题、L1/L2/L3 绿/琥珀/红 tier 卡片、圆点状态 alert box、policy-yaml 代码块（红左边框 + bad 关键词高亮）、红绿...

Team weekly / status-update deck — corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table....

柔和马卡龙慢生活 deck — 奶油

小红书 / Instagram 风 9 页 3:4 竖版图文（810×1080）— 暖色 pastel、虚线 sticker 卡片、底部页码点点。用于发小红书图文、Instagram carousel、品牌种草内容。

白底杂志风 deck — 纯白背景 + 顶部 10 色彩虹 bar、80-110px display 标题、紫→蓝→绿→橙→粉渐变文字、马卡龙软卡片组（粉/紫/蓝/绿/橙）、黑底白字 .focus pill、引用大块。同时适合发小红书图文...

Turn a tweet, a video, a YouTube video or a landing page into a 9:16 reel (Instagram Reels, TikTok, Shorts) that says wh...

Use when the user says 'convert this html to breakdance' or 'paste html into breakdance', or has a Webflow, Framer, Code...

Convert raw HTML/CSS into native Bricks Builder elements. Maps colors, typography, and spacing to your design system tok...

Generate crisp, high-quality images with perfect typography and precise geometric layouts using HTML/CSS. Use when creat...

Use when the user hands over a finished HTML page (a file, a paste, a designer or AI export) to recreate in WordPress, i...

Direct-invocation specialist for low-fidelity, self-contained HTML wireframes that test information hierarchy, content,...

Build or extend a runnable, responsive Hero first screen for an HTML/React site or web presentation when the user provid...

Build or extend a runnable multi-slide HTML presentation from an existing Hero visual system or frontend project. Use fo...

Use when adding interactivity to a server-rendered app (FastAPI/Jinja, Django, Rails, Laravel, Go templates, Express) wi...

HTMX development guidelines for building dynamic web applications with minimal JavaScript using HTML attributes.

HTMX hypermedia-driven development with hx-get, hx-post, hx-swap, hx-trigger, out-of-band swaps, boosting, extensions, a...

Expert guide for HTMX 2.0+, Hypermedia-Driven Applications (HDA), server-side rendering with htmx attributes, Alpine.js...

Maximum epistemic breadth -- 6 analytical lenses (Holistic, Universal, Absolute, Omni, Meta, Paradigmatic) for intent-to...

花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI m...

花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计D...

Huashu-Design philosophy — HTML as a design tool, not just a web medium. Embody different experts (UX designer, motion d...

花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计...

做机构级研究报告与学术论文——行业报告、白皮书、年度调研、数据洞察、arXiv论文，也含16:9咨询deck型报告（一页一结论）。定结构、写发现、建图表视觉系统。规范提炼自2026年顶级机构报告实测。单篇文章、纯演示PPT不适用（走desi...

Use when building in-game HUDs — health bars, score displays, minimap, notifications, and damage numbers

Meta-skill that generates new design language skills for Claude Code. Use when the user says 'create a design skill', 'g...

Meta-skill that generates new design language skills. Works on Claude Code and Codex. Use when the user says 'create a d...

Audit or refactor a design token system for color — naming, structure, and coverage. Use when asked to "refactor our col...

Create and manage datasets on Hugging Face Hub. Supports initializing repos, defining configs/system prompts, and stream...

This skill provides comprehensive knowledge for building static websites with Hugo static site generator. It should be u...