Claude Code LogoVibe Coding Guide
Back to All Skills

Uniapp Ucharts

by partme-ai

art
View on GitHub

A comprehensive skill for integrating and using uCharts with UniApp projects. This skill focuses on UniApp-specific integration, configuration, and platform-specific considerations when using uCharts in UniApp applications. Use this skill whenever the user needs to integrate uCharts into UniApp projects, configure UniApp-specific settings, or handle platform differences.

Skill Details

Repository Files

21 files in this skill directory

name: uniapp-ucharts description: A comprehensive skill for integrating and using uCharts with UniApp projects. This skill focuses on UniApp-specific integration, configuration, and platform-specific considerations when using uCharts in UniApp applications. Use this skill whenever the user needs to integrate uCharts into UniApp projects, configure UniApp-specific settings, or handle platform differences. license: Complete terms in LICENSE.txt

When to use this skill

Use this skill whenever the user wants to:

  • Integrate uCharts into UniApp projects
  • Configure UniApp projects to work with uCharts (pages.json, manifest.json, easycom)
  • Handle platform-specific behaviors when using uCharts in UniApp (H5, mini-program, App, nvue)
  • Use UniApp features (navigation, APIs, lifecycle) with uCharts components
  • Build cross-platform UniApp applications with uCharts charts
  • Configure easycom for automatic uCharts component import in UniApp
  • Handle navigation and routing with uCharts in UniApp
  • Optimize UniApp projects using uCharts
  • Deploy uCharts-based UniApp applications to multiple platforms

How to use this skill

This skill is organized to match UniApp integration patterns and the official UniApp plugin structure (https://ext.dcloud.net.cn/plugin?id=271). When working with uCharts in UniApp:

  1. Install and setup uCharts in UniApp project:

    • Load examples/getting-started/installation.md for installation in UniApp
    • Load examples/getting-started/project-setup.md for UniApp project configuration
    • Load examples/getting-started/easycom-config.md for easycom configuration

  2. Integrate with UniApp features:

    • Load examples/integration/pages-config.md for pages.json configuration
    • Load examples/integration/manifest-config.md for manifest.json configuration
    • Load examples/integration/navigation.md for navigation with uCharts
    • Load examples/integration/uni-api.md for using UniApp APIs with uCharts

  3. Handle platform-specific behaviors:

    • Load examples/platform-specific/h5.md for H5 platform considerations
    • Load examples/platform-specific/miniprogram.md for mini-program considerations
    • Load examples/platform-specific/app.md for App platform considerations
    • Load examples/platform-specific/nvue.md for nvue considerations

  4. Advanced integration:

    • Load examples/advanced/custom-theme.md for theme customization in UniApp
    • Load examples/advanced/build-optimization.md for build optimization
    • Load examples/advanced/multi-platform.md for multi-platform deployment

  5. Reference the API documentation when needed:

    • api/integration-api.md - UniApp and uCharts integration API
    • api/config-api.md - Configuration API reference

  6. Use templates for quick start:

    • templates/basic-uniapp-project.md - Basic UniApp project with uCharts
    • templates/pages-template.md - Pages configuration template
    • templates/manifest-template.md - Manifest configuration template

Important Notes:

  • This skill focuses on UniApp integration, not uCharts API documentation
  • Always configure easycom in pages.json for automatic component import
  • Use conditional compilation (#ifdef, #endif) for platform-specific code
  • Test on all target platforms (H5, mini-programs, App) before deployment
  • Use rpx units for responsive sizing in UniApp

Examples and Templates

Getting Started

  • Installation: examples/getting-started/installation.md - How to install uCharts in UniApp projects
  • Project Setup: examples/getting-started/project-setup.md - Setting up UniApp project with uCharts
  • Easycom Config: examples/getting-started/easycom-config.md - Configuring easycom for automatic component import

Integration

  • Pages Config: examples/integration/pages-config.md - Configuring pages.json with uCharts
  • Manifest Config: examples/integration/manifest-config.md - Configuring manifest.json for uCharts
  • Navigation: examples/integration/navigation.md - Navigation and routing with uCharts
  • UniApp API: examples/integration/uni-api.md - Using UniApp APIs with uCharts components

Platform-Specific

  • H5: examples/platform-specific/h5.md - H5 platform considerations with uCharts
  • Mini-Program: examples/platform-specific/miniprogram.md - Mini-program considerations with uCharts
  • App: examples/platform-specific/app.md - App platform considerations with uCharts
  • nvue: examples/platform-specific/nvue.md - nvue considerations with uCharts

Advanced

  • Custom Theme: examples/advanced/custom-theme.md - Customizing themes in UniApp projects
  • Build Optimization: examples/advanced/build-optimization.md - Optimizing UniApp builds with uCharts
  • Multi-Platform: examples/advanced/multi-platform.md - Multi-platform deployment strategies

Templates

  • Basic Project: templates/basic-uniapp-project.md - Basic UniApp project structure with uCharts
  • Pages Template: templates/pages-template.md - pages.json configuration template
  • Manifest Template: templates/manifest-template.md - manifest.json configuration template

API Reference

  • Integration API: api/integration-api.md - UniApp and uCharts integration API reference
  • Config API: api/config-api.md - Configuration API reference for UniApp projects

Best Practices

  1. Use easycom: Configure easycom in pages.json for automatic uCharts component import
  2. Platform Testing: Test on all target platforms (H5, mini-programs, App) before deployment
  3. Use rpx Units: Use rpx for responsive sizing in UniApp, px for fixed sizes
  4. Canvas Support: Ensure canvas is properly supported on target platforms
  5. Manifest Configuration: Properly configure manifest.json for each platform
  6. Conditional Compilation: Use conditional compilation (#ifdef, #endif) for platform-specific code
  7. Performance: Optimize for each platform's specific requirements
  8. Data Format: Ensure data format is compatible with uCharts requirements
  9. Lifecycle Management: Properly handle UniApp page lifecycle with uCharts instances
  10. Memory Management: Clean up chart instances in onUnload lifecycle

Resources

Keywords

uniapp, ucharts, uniapp charts, uniapp integration, uniapp configuration, easycom, pages.json, manifest.json, uni-app, 小程序, 跨平台, H5, App, nvue, 条件编译, 平台差异, 图表, canvas, 图表组件, UniApp 图表, 跨平台图表, 小程序图表, App 图表

View on GitHub

Related Skills

Team Composition Analysis

This skill should be used when the user asks to "plan team structure", "determine hiring needs", "design org chart", "calculate compensation", "plan equity allocation", or requests organizational design and headcount planning for a startup.

artdesign

Startup Financial Modeling

This skill should be used when the user asks to "create financial projections", "build a financial model", "forecast revenue", "calculate burn rate", "estimate runway", "model cash flow", or requests 3-5 year financial planning for a startup.

art

Startup Metrics Framework

This skill should be used when the user asks about "key startup metrics", "SaaS metrics", "CAC and LTV", "unit economics", "burn multiple", "rule of 40", "marketplace metrics", or requests guidance on tracking and optimizing business performance metrics.

art

Market Sizing Analysis

This skill should be used when the user asks to "calculate TAM", "determine SAM", "estimate SOM", "size the market", "calculate market opportunity", "what's the total addressable market", or requests market sizing analysis for a startup or business opportunity.

art

Anndata

This skill should be used when working with annotated data matrices in Python, particularly for single-cell genomics analysis, managing experimental measurements with metadata, or handling large-scale biological datasets. Use when tasks involve AnnData objects, h5ad files, single-cell RNA-seq data, or integration with scanpy/scverse tools.

arttooldata

Geopandas

Python library for working with geospatial vector data including shapefiles, GeoJSON, and GeoPackage files. Use when working with geographic data for spatial analysis, geometric operations, coordinate transformations, spatial joins, overlay operations, choropleth mapping, or any task involving reading/writing/analyzing vector geographic data. Supports PostGIS databases, interactive maps, and integration with matplotlib/folium/cartopy. Use for tasks like buffer analysis, spatial joins between dat

artdatacli

Market Research Reports

Generate comprehensive market research reports (50+ pages) in the style of top consulting firms (McKinsey, BCG, Gartner). Features professional LaTeX formatting, extensive visual generation with scientific-schematics and generate-image, deep integration with research-lookup for data gathering, and multi-framework strategic analysis including Porter's Five Forces, PESTLE, SWOT, TAM/SAM/SOM, and BCG Matrix.

artdata

Plotly

Interactive scientific and statistical data visualization library for Python. Use when creating charts, plots, or visualizations including scatter plots, line charts, bar charts, heatmaps, 3D plots, geographic maps, statistical distributions, financial charts, and dashboards. Supports both quick visualizations (Plotly Express) and fine-grained customization (graph objects). Outputs interactive HTML or static images (PNG, PDF, SVG).

artdata

Excel Analysis

Analyze Excel spreadsheets, create pivot tables, generate charts, and perform data analysis. Use when analyzing Excel files, spreadsheets, tabular data, or .xlsx files.

artdata

Neurokit2

Comprehensive biosignal processing toolkit for analyzing physiological data including ECG, EEG, EDA, RSP, PPG, EMG, and EOG signals. Use this skill when processing cardiovascular signals, brain activity, electrodermal responses, respiratory patterns, muscle activity, or eye movements. Applicable for heart rate variability analysis, event-related potentials, complexity measures, autonomic nervous system assessment, psychophysiology research, and multi-modal physiological signal integration.

arttooldata

Skill Information

Category:Creative
License:Complete terms in LICENSE.txt
Last Updated:1/19/2026