В каталоге 183 730 навыков в 14 категориях.
Toggle the badges-page Honesty Mode build-time flag on or off. ON makes the README badge generator emit direct /badges/_...
Use this skill whenever the user wants to create, restructure, or standardize a Hono + TypeScript backend/API project, i...
Creating a TanStack Query hook (useQuery or useMutation) in the React frontend. Triggers when implementing data fetching...
Hook creation and management system for React, Vue, and other frameworks with automated hook generation, testing, and do...
Psychological horror art direction for Blender assets inspired by Silent Hill, Resident Evil, Chilla's Art, Fear to Fath...
Research, write, structure, design, generate, inspect, and deliver Chinese 1080x1440 vertical news carousels plus titled...
Design hover-revealed actions that behave correctly across pointer clicks, keyboard focus, and focus-visible navigation....
Builds a React hover-video button, a pill that on hover hides and plays a short transparent clip of its own label turnin...
Trace how a Roblox subsystem works across Instances, Luau modules, remotes, server authority, replication, persistence,...
Employee onboarding checklist and welcome page with progress tracking, team introductions, and resource links. Use for "...
A new-hire onboarding plan as a single page — first week schedule, buddy + manager intro, learning track, equipment chec...
概念・仕組み・調査内容を、HTML による視覚的な説明ドキュメントとして作成・編集する。
Guidelines for semantic HTML markup, document structure, forms, accessibility attributes, and modern HTML best practices
Writes, reviews, and fixes HTML markup: semantic structure, forms, accessibility, the document head, media and embeds. U...
Time code-drawn anime on twos — holds, anticipation, smear frames, and a drawing budget with one sakuga shot. Use when a...
Flips the agent's output layer to polished single-file HTML for rich answers. 16 design-system styles, 34 source parsers...
Use for requested standalone HTML documents or interactive explanations when that format materially helps. Skip agent-fa...
Generate rich self-contained HTML artifacts instead of markdown. Auto-detects artifact shape (spec, code-review, prototy...
Build self-contained HTML files to explain, plan, or review.
Write semantic, accessible HTML — structure before styling, real controls, valid markup.
Build a slide presentation as one HTML file — fixed 1920×1080 canvas letterboxed to any viewport, layout-system-first, t...
Show an app working on a web page by drawing it live in HTML instead of recording it. A Mac-style window plays the app s...
Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationsh...
Use when user wants a standalone HTML diagram in flat engineering blueprint style — architecture diagrams, system flows,...
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...
UX/UI specialist auditing Hugo layouts, components, navigation, and interactions against the Tone & Voice Guide. Ensures...
Generates interactive HTML prototypes optimized for dual human+agent interaction. Produces semantic, accessible designs...
Apply cognitive psychology principles to design discoverable, understandable products through affordances, signifiers, f...
Design products that accommodate actual human cognition and behavior rather than expecting humans to adapt to arbitrary...
Human-computer interaction (HCI) as a discipline -- usability heuristics, interaction paradigms (CLI, GUI, touch, voice,...
Vision-powered UX simulation engine. Opens UIs in a real browser, takes screenshots, clicks through flows, records video...
Design the human approval surface for an agent system — which actions gate, how approvals batch without becoming rubber...
Use when editing or reviewing prose to remove AI-writing patterns while preserving facts, intent, and the author's voice...
This prompt instructs the AI to generate an ultra-high-resolution, studio-lit, microscopic-style photograph of an imposs...
> > READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graph...
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene tr...
Multi-frame animated composition with CSS keyframes — scroll-driven or auto-playing frames for storytelling. Use with "h...
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or...
READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graphic — a prom...
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader...
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes,...
Only load when the user explicitly mentions HyperFrames. Bring Figma into a HyperFrames video - rendered assets, brand t...
Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual...
Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP...
Elite agent skill for creating premium "Product Launch Videos" using Hyperframes. Supports brand DNA extraction, scene-b...
Only load when the user explicitly mentions HyperFrames. Bring existing video code or footage into HyperFrames and verif...
Use when working with a person on a HyperFrames project in Studio: first, whether their message asks for a change at all...
Turn websites, product interfaces, and design-system outputs into deterministic HTML-native videos with HyperFrames, its...
Inspect and integrate Hyperiux Vault effects from Hyperiux-Immersion-Labs/hyperiux-components. Use when the user names H...
HyperShift team-specific Jira requirements for component selection and conventions