Agent Skills
› 1weiho/open-slide
1weiho/open-slide
GitHub提供Apple风格流体界面设计规范，涵盖手势交互、弹簧动画、直接操控及低延迟响应。用于构建或审查符合Apple设计哲学的Web UI，确保物理感与直觉体验。
安装全部 Skills
npx skills add 1weiho/open-slide --all -g -y
集合内 Skills (13)
提供Apple风格流体界面设计规范，涵盖手势交互、弹簧动画、直接操控及低延迟响应。用于构建或审查符合Apple设计哲学的Web UI，确保物理感与直觉体验。
构建手势驱动的UI组件
实现弹簧动画或拖拽交互
审查界面设计的流畅性与响应速度
优化移动端触摸反馈
npx skills add 1weiho/open-slide --skill apple-design -g -y
基于Emil Kowalski的设计工程哲学，指导UI打磨、组件设计与动画细节。提供审美训练与隐形体验优化理念，强制使用Markdown表格进行代码审查对比，旨在通过细微改进提升软件整体质感与用户感知。
需要优化界面视觉细节或交互手感
请求对UI/前端代码进行设计层面的审查与反馈
咨询关于动画曲线或组件状态的设计决策
npx skills add 1weiho/open-slide --skill emil-design-eng -g -y
指导创建独特、生产级的前端界面，避免通用AI审美。适用于构建网页组件、页面、应用或美化Web UI，强调大胆的美学方向和高质量代码实现。
用户要求构建前端组件或页面
需要美化或设计Web用户界面
npx skills add 1weiho/open-slide --skill frontend-design -g -y
专注于审查动画与交互代码的高标准技能，依据Emil Kowalski的设计工程哲学，对运动合理性、性能、无障碍及物理准确性进行严格评估。
需要审查前端动画或交互动效代码
评估UI过渡效果的视觉质量与性能
npx skills add 1weiho/open-slide --skill review-animations -g -y
管理 shadcn/ui 组件，支持添加、搜索、调试和样式调整。提供项目上下文、文档及使用示例，适用于基于 shadcn/ui 的项目开发。
shadcn init
create an app with --preset
switch to --preset
working with shadcn/ui
npx skills add 1weiho/open-slide --skill shadcn -g -y
提供React组件组合模式的指南，避免布尔属性泛滥，涵盖复合组件、状态提升及React 19 API变更，适用于重构、库构建和架构审查。
重构包含大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
npx skills add 1weiho/open-slide --skill vercel-composition-patterns -g -y
提供React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端性能等规则。适用于编写、审查或重构前端代码以提升应用性能。
编写React组件或Next.js页面
实施数据获取逻辑
审查代码性能问题
重构现有前端代码
优化包体积或加载速度
npx skills add 1weiho/open-slide --skill vercel-react-best-practices -g -y
审查UI代码是否符合Web界面指南，支持检查无障碍性、UX审计及最佳实践。通过获取最新规则并对比指定文件，以简洁格式输出合规性问题发现。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add 1weiho/open-slide --skill web-design-guidelines -g -y
应用由 open-slide inspector 工具生成的 @slide-comment 标记。解析 JSX 中的注释指令，参考 slide-authoring 规范执行代码修改并移除标记。
apply comments
process slide comments
apply the inspector comments
npx skills add 1weiho/open-slide --skill apply-comments -g -y
用于在open-slide仓库中创建和撰写新的幻灯片演示文稿。通过引导用户选择主题、明确需求（话题、风格等），生成符合规范的幻灯片内容文件，专注于内容创作而非框架修改。
制作关于X的幻灯片
创建演示文稿
起草幻灯片
添加新幻灯片
npx skills add 1weiho/open-slide --skill create-slide -g -y
解析用户当前查看的幻灯片、页面及选中元素状态。当用户提及“此页”等指代时，读取current.json获取最新上下文，确保编辑操作针对正确内容，避免使用过期信息。
用户指代当前页面或元素
需要确认用户当前位置
npx skills add 1weiho/open-slide --skill current-slide -g -y
用于创建幻灯片主题包，生成描述视觉规范的Markdown文件和可运行的演示组件。支持从图片、文本或现有幻灯片提取风格，不修改真实幻灯片内容。
create a theme
make a theme called X
extract a theme from <slide>
build a theme from these images
npx skills add 1weiho/open-slide --skill create-theme -g -y
开放幻灯片页面的技术参考，涵盖文件规范、React代码编写、设计系统、动画及演讲备注等规则。
edit slide
tweak this page
fix the layout
change the palette
reveal one by one
add a transition
morph transition
write the speaker notes
generate the script / talk track
investigate the slide framework
how do slides work here
npx skills add 1weiho/open-slide --skill slide-authoring -g -y
