Can I use this for nvue projects?

Absolutely, the skill provides specific templates and implementation considerations for nvue and native App-side rendering.

Does this skill help with mini-program specific issues?

Yes, it includes specific guidance for mini-program canvas handling and platform-specific configuration differences.

How does it manage responsive design?

It promotes the use of UniApp's rpx units and conditional compilation to ensure charts look consistent on all mobile and web screen sizes.

Does it handle automatic component importing?

Yes, it guides you through setting up the easycom rule in pages.json for seamless uCharts component usage without manual imports.

UniApp uCharts Integration

Name: UniApp uCharts Integration
Author: partme-ai

bypartme-ai

•

Mobile Development

Streamlines the integration and configuration of uCharts within UniApp projects for cross-platform data visualization.

This skill provides specialized guidance for developers using uCharts in the UniApp ecosystem, offering comprehensive support for project setup, easycom configuration, and platform-specific optimizations. It simplifies the complexities of cross-platform chart deployment by handling manifest and pages configuration, implementing conditional compilation for H5 and mini-programs, and ensuring responsive design using rpx units. Whether you are building an nvue dashboard or a simple mini-program report, this skill ensures best practices for lifecycle management and chart performance across all supported platforms.

Key Features

01Platform-specific optimization for H5, App, and mini-programs

02Responsive sizing guidance using rpx and conditional compilation

03Standardized pages.json and manifest.json configuration templates

04Automatic easycom component configuration for UniApp projects

0537 GitHub stars

06Lifecycle-aware chart instance management and memory optimization

Use Cases

01Building cross-platform data visualization dashboards in UniApp

02Optimizing chart rendering performance for nvue and native App environments

03Implementing responsive charts in WeChat or Alipay mini-programs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add partme-ai/full-stack-skills uniapp-ucharts

For use in Claude.ai and ChatGPT

Download Skill