Motion

Motion taxonomy generated by the site skill importer.

46 个技能
A
manim-video

作者 affaan-m

manim-video 可帮助你规划并制作基于 Manim 的清晰讲解视频,适用于图表、工作流、系统架构图、产品演示和发布视觉内容。如果你想要的是精准的动画说明、以场景为核心的工作流,而不是口播式剪辑,就用 manim-video 技能。它包含实用的 manim-video 安装、场景规划和渲染步骤指南。

视频编辑
收藏 0GitHub 156.2k
A
liquid-glass-design

作者 affaan-m

liquid-glass-design 可帮助你在 SwiftUI、UIKit 和 WidgetKit 中实现 Apple iOS 26 的 Liquid Glass 系统。适用于玻璃质感按钮、卡片、工具栏、容器和小组件,并提供关于形状、色调、交互,以及何时这种效果真正适合 UI 的指导。

UI 设计
收藏 0GitHub 156.2k
A
frontend-slides

作者 affaan-m

frontend-slides 可帮助你从零创建动效丰富的 HTML 演示文稿,也可以通过转换 PowerPoint 文件来完成。适合用于演讲、路演 deck、工作坊、内部演示,以及做 frontend-slides for UI Design 时的视觉探索;当你需要零依赖的浏览器输出、并且希望幻灯片刚好适配单个视口时,这个 skill 很合适。

UI 设计
收藏 0GitHub 156.2k
A
frontend-design

作者 affaan-m

使用 frontend-design 构建有鲜明视觉主张、可直接投入生产的前端界面。这个 frontend-design 技能适用于着陆页、仪表盘、应用壳和各类组件,尤其适合层级、字体排版、动效和整体质感与实现同样重要的场景。它还包含面向 design-first UI 工作的安装与使用指引。

UI 设计
收藏 0GitHub 156.1k
A
design-system

作者 affaan-m

使用 design-system skill 生成或审核 UI 系统,从现有代码中提取 tokens,并在真实仓库中检查样式一致性。

设计系统
收藏 0GitHub 156.1k
G
design-consultation

作者 garrytan

design-consultation 是一项 design-consultation 技能,用于把粗略的产品想法转化为完整的设计方向。它会生成 DESIGN.md 作为单一事实来源,并提供预览,以及关于字体、颜色、间距、布局和动效的系统级指导。适合新产品和需要统一起点的 UI 界面。

设计系统
收藏 0GitHub 91.8k
N
ckm:design

作者 nextlevelbuilder

ckm:design 是一项结构化设计技能,用于任务路由并产出 logo、CIP mockup、横幅、幻灯片和 SVG 图标。它提供实用参考、CSV 驱动选项和 Python 脚本,适合需要可复用设计流程的用户,而不只是依赖通用提示词输出。

UI 设计
收藏 0GitHub 53.6k
W
interaction-design

作者 wshobson

interaction-design 技能可帮助团队设计并实现有明确目的的 UI 动效、微交互、过渡效果、加载状态和反馈模式,并提供实用的 React 导向参考资料与使用建议。

UI 设计
收藏 0GitHub 32.6k
W
react-native-design

作者 wshobson

react-native-design 是一项聚焦 React Native UI 模式的技能,涵盖 StyleSheet 样式、类型化的 React Navigation,以及 Reanimated 3 在跨平台界面中的用法。

UI 设计
收藏 0GitHub 32.6k
P
overdrive

作者 pbakaus

overdrive 是一个面向雄心勃勃的 UI 设计工作的 GitHub skill,强调上下文收集、先提案后执行,以及出色的交互质量。适合用于安装并应用 overdrive,以实现电影感过渡、响应式界面和高冲击力的产品体验。

UI 设计
收藏 0GitHub 20.4k
P
quieter

作者 pbakaus

quieter 是一项用于打磨 UI 设计的 refinement 技能,适合在界面显得过于强烈、嘈杂或造成感官负担时使用,在保留清晰度、层级关系和品牌意图的前提下降低视觉攻击性。它最适合在父级 `$impeccable` 技能之后使用,帮助团队先判断强烈感的来源,再做有针对性的调整。

UI 设计
收藏 0GitHub 20.4k
P
polish

作者 pbakaus

polish 是一项用于最终复核的 UI 审查技能,专门在发布前检查对齐、间距、一致性、token 使用和微细节问题。它最适合那些功能已经可用,但整体感觉“差一点,还不够精致”的界面、流程或组件。你可以用它提升上线就绪度、设计系统对齐度和整体质量,而不必做不必要的重设计。

UI 设计
收藏 0GitHub 20.4k
P
impeccable

作者 pbakaus

impeccable 可帮助你打造有辨识度、可直接用于生产的前端 UI,而不是千篇一律、带有明显 AI 痕迹的界面。它支持 craft、teach 和 extract 三种工作流,可用于页面、web components、应用界面、海报及其他设计驱动型前端场景,因此适合 UI Design、设计上下文搭建以及可复用模式提取。

UI 设计
收藏 0GitHub 20.4k
P
delight

作者 pbakaus

使用 delight skill 为成功、加载、空状态和引导流程加入得体的 UI 润色、micro-interactions 与产品个性,同时不牺牲可用性或分散用户注意力。

UI 设计
收藏 0GitHub 20.4k
P
impeccable

作者 pbakaus

impeccable 是一款面向 UI 设计与前端开发的 skill,可用于打造有辨识度、可投入生产的界面。你可以通过 craft、teach 或 extract 工作流推进设计、加载高相关参考资料,并实现更精致的组件、页面与设计系统模式;同时它也提供了更明确的安装与使用指引。

UI 设计
收藏 0GitHub 18.2k
P
bolder

作者 pbakaus

bolder 可在不牺牲可用性的前提下,让过于安全、平淡的 UI 设计更有辨识度。了解何时适合使用 bolder、必须先执行的 $frontend-design 前置步骤,以及如何通过更有力的 prompts、问题诊断和可控的视觉强化来取得更好的设计效果。

UI 设计
收藏 0GitHub 15k
P
frontend-design

作者 pbakaus

frontend-design 是一项以上下文为先的技能,用于打造更有辨识度的前端 UI 代码。它能把目标受众、使用场景和品牌语调转化为更出色的布局、排版、配色、动效、交互状态与 UX 文案,适用于页面、组件和完整流程设计。

UI 设计
收藏 0GitHub 15k
P
polish

作者 pbakaus

polish skill 可帮助团队在发布前进行最后一轮 UI 质量检查。适合在界面功能已基本完成、设计上下文也已明确之后使用,用来发现间距、对齐、交互状态、文案以及边缘场景等细节问题。

UI 设计
收藏 0GitHub 14.9k
P
overdrive

作者 pbakaus

overdrive 是一个可由用户主动调用的技能,适合追求突破常规组件限制的激进 UI 设计。它要求先具备 /frontend-design 上下文,再先提出设计概念方案,然后再着手构建聚焦且高冲击力的交互体验。

UI 设计
收藏 0GitHub 14.9k
P
delight

作者 pbakaus

delight skill 可为 UI Design 工作加入恰到好处的愉悦感、个性与细节打磨。它适合用于优化成功状态、空状态、加载过程和交互体验,并提供结合上下文的 delight 安装、设置与使用指导。

UI 设计
收藏 0GitHub 14.9k
P
bolder

作者 pbakaus

bolder 是一项面向 UI 设计的技能,适合用来强化那些平淡、过于保守的界面,通过提升对比、层级和个性,让设计更有表现力。建议在完成 /frontend-design 上下文收集后使用;如果还没有设计上下文,也可先用 /teach-impeccable。这样能在不牺牲可用性的前提下,获得更犀利、也更可落地的设计改进建议。

UI 设计
收藏 0GitHub 14.9k
P
animate

作者 pbakaus

使用 animate 技能审查 UI 功能,并规划有明确目的的动画、微交互和过渡效果。它可帮助你识别哪些动效能改善反馈、清晰度、层级感与愉悦感;同时需要结合 /frontend-design 提供的设计上下文,并兼顾性能与无障碍。

UI 设计
收藏 0GitHub 14.9k
P
quieter

作者 pbakaus

quieter 技能可降低 UI Design 的视觉刺激强度,帮助弱化过于张扬、刺眼或容易造成感官负担的界面,同时保留层级、清晰度和品牌个性。最适合在 pbakaus/impeccable 仓库中完成必需的 /frontend-design 工作流后使用。

UI 设计
收藏 0GitHub 14.6k
P
polish

作者 pbakaus

polish 技能用于在上线前进行最后一轮 UI 细查,修正间距、对齐、文案、状态与过渡等细节。最适合在功能已基本完成之后使用,并且需要具备设计背景信息、明确的质量标准,以及清晰的页面、流程或组件目标。

UI 设计
收藏 0GitHub 14.6k
Motion