所有 Skills

frontend-skill

84Kdesign-ui

打造视觉冲击力强且构图克制的落地页、网站与应用 UI。来自 OpenAI 的生产级前端实战指南。

apple-hig

84Kagent-workflows

包含 14 个 Apple 人机界面指南（HIG）Agent Skill，全面覆盖 iOS、macOS、visionOS、watchOS 与 tvOS 的平台特性、基础规范、UI 组件、设计模式、输入交互以及相关技术。

design-review

84Kdesign-ui

“懂代码的设计师”实战模式：先进行视觉审计，再通过原子提交（atomic commits）自动修复并附带修改前后对比截图。适合在发布前对已完成的 UI 进行细节精修与视觉打磨。

hatch-pet

84Kdesign-ui

基于角色原画、截图、AI 生成图或视觉参考图，创建、修复、校验、预览并打包与 Codex 兼容的动态电子宠物精灵图集（spritesheet）。当用户想要“孵化”Codex 宠物、定制专属动态宠物，或构建包含 8x9 网格图集、未使用的单元格透明化、逐行动画 Prompt 规划、QA 检验图版、预览视频和 pet.json 规范打包的内置宠物资源时使用此 Skill。本 Skill 组合调用已安装的系统 Skill `$imagegen` 进行视觉生成，并使用内置脚本进行确定性的图集拼装。

pptx-html-fidelity-audit

83Kdesign-ui

将 python-pptx 导出的 PPT 演示文稿与源 HTML 幻灯片进行对比审计，识别布局与内容偏差（如页脚溢出、内容裁切、斜体/em 缺失、样式丢失、间距错乱等），并采用严格的“页脚轨界（footer-rail）+ 光标流（cursor-flow）”布局规范重新导出。当用户拥有由 HTML 幻灯片生成的 .pptx 文件，并要求对比、审计、校验或修复导出效果时使用此 Skill —— 包括“对比 ppt 和 html”、“还原度审计”、“修复 pptx”、“ppt 被截断”、“页脚重叠”、“pptx 缺少斜体”、“重新导出 PPT”、“pptx-html-fidelity-audit”，或任何需要对 python-pptx → HTML 流程进行校验与修复的场景。当用户同时展示 deck.html 和 deck.pptx 并调试视觉差异时，也应触发此 Skill。

creative-director

83Kagent-workflows

支持递归自审的 AI 创意总监：融合 20+ 种思维方法论（如 SIT、TRIZ、Bisociation、SCAMPER、Synectics 等），提供对标戛纳（Cannes）、D&AD 及 HumanKind 标准的三维评估体系，涵盖从 Brief 需求简报到提案演示的 5 阶段完整流程。

threejs

83Kagent-workflows

用于在浏览器中打造 3D 元素与交互体验的 Three.js Skill，涵盖场景构建、材质定义、控件交互及后期特效。

frontend-design

83Kdesign-ui

设计并构建具有独特视觉风格、精细排版、考究布局及可直接运行的 HTML/CSS/JS 或框架代码的生产级前端界面。适用于网站、落地页、仪表盘、React 组件、应用界面及 UI 美化优化等场景。

ponytail-review

83Kprompting-reasoning

专注于过度工程的代码审查。找出可以删除的内容：重新发明的标准库、不必要的依赖、投机性抽象、死掉的灵活性。每个发现一行：位置、要删除的内容、替代方案。当用户说“审查过度工程”、“我们可以删除什么”、“这是否过度工程”、“简化审查”或调用 /ponytail-review 时使用。补充以正确性为重点的审查，此审查仅寻找复杂性。

dietrichgebert

ponytail-audit

83Kprompting-reasoning

全仓库过度工程审计。类似 ponytail-review，但扫描整个代码库而非差异：一个按优先级排序的列表，列出应删除、简化或替换为标准库/原生等价物的内容。当用户说“审计此代码库”、“审计过度工程”、“此仓库中可删除什么”、“查找臃肿”、“ponytail-audit”或“/ponytail-audit”时使用。一次性报告，不应用修复。

dietrichgebert

design-brief

83Kdesign-ui

将基于 I-Lang 协议格式编写的结构化设计简报（design brief）解析为具体的设计规范（design spec）。通过要求明确指定调色板、字体排印、布局、风格氛围、元素密度和限制条件等维度，杜绝像“做高大上一点/专业一点”这类模糊需求带来的不确定性。触发关键词："design brief"、"create a design brief"、"ilang brief"、"structured brief"。

web-design-guidelines

82Kdesign-ui

审查 UI 代码是否符合 Vercel 工程团队制定的 Web 界面指南。涵盖产品 UI 的布局、排版、色彩、动效和可访问性。

pr

82Kresearch-knowledge

Create a PR for the current branch (targets `canary` by default), including splitting one cross-layer branch into ordered stacked PRs so a lower layer (db / shared package / server TRPC) merges before its callers (desktop / CLI / UI). Use when the user asks to create / submit a PR, or to split a branch because clients call a server contract that isn't on the trunk yet. Triggers on 'pr', 'create pr', 'submit pr', 'open a PR', 'pull request', 'split this PR', 'stacked PR', 'backend should merge first', '提 PR', '提个 PR', '新建 PR', '拆 PR', '后端先合', '分层合并'.

upstash-workflow

82Kagent-workflows

LobeHub Upstash Workflow and QStash guide. Use for async workflows, process/paginate/execute fan-out, serve handlers, context.run/call/sleep, or workflow triggers.

version-release

82Kagent-workflows

Version release workflow — release process and GitHub Release notes (not docs/changelog pages).

store-data-structures

82Kdesign-ui

LobeHub Zustand store data-shape patterns. Use when designing store state, list/detail splits, normalized maps, reducers, messagesMap, topicsMap, or choosing shared type sources.

linear

81Kmcp-integrations

Linear issue management. Use for LOBE-xxx issues, Linear links, PRs referencing Linear, retrieving issues, updating status, completion comments, or sub-issue trees.

hotkey

81Kagent-workflows

Add or edit LobeHub keyboard shortcuts. Use for HotkeyEnum, HOTKEYS_REGISTRATION, combineKeys, useHotkeyById, tooltip hotkeys, shortcut scope, conflicts, or Cmd/Ctrl key combos.

desktop

81Kagent-workflows

Electron desktop development guide — IPC handlers, controllers, preload scripts, window/menu management.

modal

81Kagent-workflows

LobeHub imperative modal conventions. Use when creating or migrating modals, dialogs, popups, confirm flows, ModalHost wiring, createModal, confirmModal, useModalContext, or base-ui modal APIs.