"macos-patterns"
macOS平台模式:窗口管理、菜单栏、键盘快捷键、设置、拖放、应用程序沙箱。在构建macOS特定功能、处理桌面输入或实现Mac应用程序模式时使用。触发词:macOS、Mac、桌面、菜单栏、键盘快捷键、设置场景、窗口管理。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
macOS平台模式:窗口管理、菜单栏、键盘快捷键、设置、拖放、应用程序沙箱。在构建macOS特定功能、处理桌面输入或实现Mac应用程序模式时使用。触发词:macOS、Mac、桌面、菜单栏、键盘快捷键、设置场景、窗口管理。
macOS键盘快捷键模式:keyboardShortcut修饰符,CommandMenu,CommandGroup,菜单栏自定义。在实现macOS键盘快捷键、菜单栏命令或热键时使用。触发词:键盘,快捷键,CommandMenu,CommandGroup,菜单栏,热键。
反馈状态模式:加载指示器、错误处理界面、成功确认、禁用状态、骨架视图。在添加加载旋转器、错误提示、成功反馈或管理空/错误/加载视图状态时使用。触发条件:ProgressView,加载,错误,警告,空状态,骨架,禁用,反馈。
视图复杂性管理:30行主体规则,计算属性提取,子视图分解,防止类型检查超时。当视图主体变得很长、重构大型视图或遇到Swift类型检查器超时时使用。触发条件:主体过长、重构视图、提取子视图、类型检查超时、视图过于复杂。
优化核心网页指标(LCP、INP、CLS),以提高页面体验和搜索排名。当被要求“改进核心网页指标”、“修复LCP”、“减少CLS”、“优化INP”、“页面体验优化”或“修复布局偏移”时使用。
React Router v7加载器性能优化技术。当优化TTFB、消除瀑布流、合并数据库查询或在加载器中流式传输次要数据时使用。在遇到“慢速加载器”、“优化TTFB”、“加速React Router”、“加载器性能”或加载器响应时间超过500毫秒时触发。
SwiftUI 架构模式,使用 @Observable 进行状态管理,视图组合,导航,性能优化,以及现代 iOS/macOS UI 最佳实践。
在审查任何网页或应用程序界面的视觉质量时使用 —— 通过重构UI原则,涵盖层次、间距、排版、颜色、深度、图像以及最后的润色,将设计从业余提升到专业水平。
Safari Web 扩展:SFSafariExtensionHandler,内容脚本,网页资源,原生-网页消息传递。在构建 Safari 浏览器扩展、向网页注入内容脚本或在原生应用与 Safari 之间通信时使用。触发条件:Safari 扩展,SFSafariExtensionHandler,内容脚本,浏览器扩展。
外部链接和应用内浏览:链接组件、openURL环境、SFSafariViewController、URL处理。在打开URL、添加网页链接或嵌入应用内浏览器时使用。触发词:Link, openURL, SFSafariViewController, URL, website, browser.
视图组合:@ViewBuilder属性,部分提取,将主体作为目录,命名约定。在实现与视图组合相关的UI模式时使用。
从产品目标到交付UI,全程协调前端开发。确立共享的产品简报(目标、受众、审美基调)作为指导方向,然后协调前端设计师、UI布局设计师、UI/UX设计师、UI润色师以及React性能优化师,共同达成一致的结果。适用于从零开始构建新的UI、页面或功能时使用。
-
Internet Explorer 6 CSS和JavaScript兼容性模式参考。在识别旧版浏览器特定代码以在代码库现代化过程中移除、解释遗留系统中不常见的CSS模式或审核样式表中的已弃用解决方法时使用。
请提供需要翻译的描述内容。
提供用于配置v4、编译器优化、样式化上下文和跨平台样式的Tamagui模式。在处理Tamagui项目(如tamagui.config.ts, @tamagui导入)时必须使用。
暗模式支持:3种外观选择器,preferredColorScheme,Color(light:dark:)自适应标记,colorScheme环境。在添加暗/亮模式切换、创建自适应颜色或遵循系统外观时使用。触发因素:colorScheme, preferredColorScheme, 暗模式, 外观, Color(light:dark:)。
tvOS手势模式:使用onMoveCommand、onPlayPauseCommand、onExitCommand和滑动识别处理Siri Remote输入。在实现tvOS输入处理、遥控器交互或基于焦点的手势时使用。触发条件:手势、Siri Remote、onMoveCommand、滑动、遥控。
间距和布局度量:8pt网格系统、标准边距、44pt点击目标、垂直节奏、密度指南。在设置填充、边距、元素之间的间距或确保触摸目标大小时使用。触发词:填充、间距、边距、点击目标、44pt、网格、密度、内容边距。
React Portal 模态框实现模式,适用于Dr. Sophia AI。涵盖createPortal用法、AnimatePresence集成、z-index层级(头部始终可见)、暗黑模式样式、背景不透明度。在创建模态框、解决头部重叠问题、实现React Portal组件或调试模态框堆叠问题时使用。
触发条件:(1) 用户提及“manim”或“Manim Community”或“ManimCE”,(2) 代码中包含`from manim import *`,(3) 用户运行`manim`命令行指令,(4) 使用Scene、MathTex、Create()或ManimCE特有的类。适用于Manim社区版的最佳实践 - 这是一个由社区维护的Python动画引擎。涵盖了场景结构、动画、LaTeX/M…
Swift 6.2 可接近的并发性 — 默认单线程,@concurrent 用于显式后台卸载,隔离一致性用于主 actor 类型。
CSS架构、设计系统、设计令牌、实用类以及AG产品网站的样式模式
前端编码标准、组件模式和Guessimate Angular UI的设计系统。在编写或审查前端代码时参考。