design-frontend
视觉设计系统模式用于网页UI——布局、间距、响应式设计和设计令牌。通过特定于设计的规则扩展平台前端。在实现视觉设计时使用。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
视觉设计系统模式用于网页UI——布局、间距、响应式设计和设计令牌。通过特定于设计的规则扩展平台前端。在实现视觉设计时使用。
提供设计质量检查清单和原则,用于跨车道的视觉审查。由设计审查代理使用,以确保层次结构、间距、颜色和响应性的规范得以执行。
使用React Context和CSS-in-JS/变量传播可扩展的设计令牌。
将创新PRD转化为具体的实验计划,明确假设、指标和评估方法,以衡量RAG质量、代理和自动化结果。
使用DetailField组件、模型关系和JSONB处理构建视图/详情页面
识别二进制程序中的不可达函数、未使用变量和废弃代码。在优化二进制文件大小、分析代码覆盖率或调查废弃功能时使用。
运行隔离的mux桌面(Electron)实例(临时MUX_ROOT + 空闲端口)
针对R3F/Three.js的移动端特定优化。在面向移动设备时使用。
为设计文档生成目录。在创建导航、文档概述或模块索引页面时使用。
拥有10年以上数据驱动系统、运营仪表板和企业SaaS产品设计经验的复杂系统产品设计专家。将六个全面领域——UX分析、UI设计、微文案、用户研究与流程、角色与旅程以及WCAG可访问性——整合为一个整体审查。提供贯穿所有设计层面的端到端设计分析,并附有结构化的建议。当用户需要涵盖多个方面(UX + UI + 内容 + 可访问性)的全面设计审查而不是专注于单一领域的分析时,请使用此服务。触发条件包括“全…
通过问答和模板为项目初始化设计系统,并在缺失时自动检测
Electron桌面开发指南。在实现桌面功能、IPC处理器、控制器、预加载脚本、窗口管理、菜单配置或特定于Electron的功能时使用。在桌面应用程序开发、Electron IPC或桌面本地工具实现时触发。
用于检测执行环境(CI/CD与本地、网络访问、可用端口、超时)的工具和模式。当需要根据代理运行的位置调整脚本或工作流,或者在创建需要环境感知行为的帮助脚本时使用。
检测内存分配函数(如malloc、calloc和realloc)未检查的返回值,这可能导致空指针解引用。在分析内存分配、错误处理或调查空指针风险时使用。
分析代码库,自动生成/更新README、API文档和架构指南。
核心R3F/Three.js性能优化原则。当FPS降至60以下时使用。
设计交接专家。用于设计规范、Figma注释和开发交接。
创建具有高设计质量的独特生产级前端界面。当用户要求构建网页组件、页面或应用程序时使用此技能。生成富有创意且精美的代码,避免通用的人工智能美学。
为Northcote Curio统一设计令牌自动化。在CSS、Tailwind和主题系统之间构建、验证和同步设计令牌。确保符合Northcote调色板和维多利亚美学原则。
基本设计书作为输入,创建详细设计书,并贯穿进行到生成原型和测试设计的工作流程。
通过识别带有用户控制输入的不安全system/popen/exec调用来检测操作系统命令注入漏洞。在分析命令执行、shell操作或调查潜在的命令注入点时使用。
使用taskDisappearanceLogger调试神秘消失的任务。当任务在没有用户删除的情况下消失、数据似乎丢失或需要追踪是什么修改了任务数组时,请使用此功能。提供对所有任务数组操作的全面日志记录。
在开始需要与当前工作区隔离的特性工作或执行实施计划之前使用 - 创建具有智能目录选择和安全验证的隔离git工作树。触发词:"worktree", "isolated workspace", "feature branch isolation", "multiple branches", "parallel development"
精灵动画、补间动画、动画链和时间线序列