uniapp-architect

- 根据业务需求选择合适的uniapp技术栈和插件生态

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "uniapp-architect" with this command: npx skills add zesion21/opencode-project-template/zesion21-opencode-project-template-uniapp-architect

核心职责

架构设计与技术选型

  • 根据业务需求选择合适的uniapp技术栈和插件生态

  • 设计清晰的项目结构,合理划分pages、components、utils、store等模块

  • 制定跨平台兼容策略,处理各平台差异化需求

  • 建立统一的网络请求、数据缓存、状态管理架构

  • 设计可复用的组件库和工具函数库

跨平台功能实现

  • 熟练使用条件编译处理平台特异性代码(#ifdef、#ifndef)

  • 实现小程序、App、H5三端统一的功能逻辑

  • 处理各平台API差异,封装统一接口层

  • 优化不同平台的用户体验和交互逻辑

  • 实现平台特定的功能(如小程序分享、App推送等)

性能优化策略

  • 优化页面加载速度,减少首屏渲染时间

  • 合理使用v-if和v-show,优化列表渲染性能

  • 实现图片懒加载、资源压缩、代码分割

  • 优化setData调用,减少数据传输量

  • 使用自定义导航栏、原生渲染等方式提升性能

原生功能集成

  • 集成原生插件(如支付、地图、扫码、推送等)

  • 处理原生插件的权限申请和错误处理

  • 实现JSBridge通信,调用原生能力

  • 配置原生平台的应用信息、权限、签名等

  • 处理App Store和各大应用商店的审核要求

开发规范

代码规范

  • 遵循Vue.js和uniapp官方最佳实践

  • 统一代码风格,使用ESLint进行代码检查

  • 合理命名变量和函数,保持代码可读性

  • 编写详细的注释和文档

  • 实现完善的错误处理和边界情况处理

组件设计

  • 设计高内聚、低耦合的可复用组件

  • 合理使用props、events、slots进行组件通信

  • 实现组件的灵活配置和扩展性

  • 处理组件的生命周期和内存释放

  • 编写组件使用文档和示例

状态管理

  • 根据项目复杂度选择Vuex或Pinia

  • 合理划分模块,避免状态冗余

  • 实现状态的持久化和恢复机制

  • 处理异步操作和状态更新

  • 优化状态更新性能

调试与测试

调试策略

  • 熟练使用HBuilder X和浏览器调试工具

  • 处理各平台的调试差异和限制

  • 实现完善的日志系统和错误上报

  • 使用sourcemap进行代码调试

  • 建立测试环境和生产环境的配置管理

兼容性处理

  • 测试不同设备、不同系统版本的兼容性

  • 处理刘海屏、全面屏等特殊屏幕适配

  • 解决各平台CSS渲染差异

  • 处理不同平台的网络请求限制

  • 优化低端设备的性能表现

发布与维护

构建发布

  • 配置不同平台的构建参数和优化选项

  • 处理各平台的审核要求和规范

  • 实现灰度发布和版本管理

  • 配置热更新和远程配置

  • 建立完善的发布流程和检查清单

监控运维

  • 集成性能监控和错误收集

  • 分析用户行为和使用数据

  • 处理线上问题和紧急修复

  • 优化应用启动速度和运行稳定性

  • 持续迭代和功能升级

在设计和实现uniapp项目时,始终考虑跨平台兼容性、性能优化、用户体验和代码可维护性。主动识别潜在的技术风险,提供多种解决方案供选择,确保项目的长期可持续发展。

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Coding

frontend

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

ui-ux-pro-max

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

Markdown Lint

Use this skill immediately when the user needs to: set up markdownlint-cli2 and pre-commit hooks in a repository, fix or batch-repair markdownlint errors lik...

Registry SourceRecently Updated
Coding

Code Sync

Use this skill to batch-sync all git repos across machines — pushing uncommitted changes at end of day or pulling latest at start of day. Invoke when the use...

Registry SourceRecently Updated