skills / teachingai / full-stack-skills / ucharts

uCharts

A practical charting skill for uni-app and multi-platform apps using uCharts, including setup, chart configuration, API usage, and troubleshooting patterns.

Source description: Provides comprehensive guidance for uCharts chart library including chart types, data formats, chart configuration, and platform support. Use when the user asks...

npx skills add https://github.com/teachingai/full-stack-skills --skill ucharts
risk: mediuminstall: CLIverified: 2026-02-13

On this page

Our added value (verification layer)

This page is not only a source mirror. We add reproducibility, risk controls, and operations guidance on top of the original skill definition.

  • Execution/Security/Maintainability scoring with explicit criteria
  • Compatibility matrix across runtime environments
  • Verification log with check commands and observed outcomes
  • Common failure fixes and rollback triggers for production safety

Overall score

82/100

Execution

84

Security

80

Maintainability

83

Quick install (universal)

Primary command for most environments:

npx skills add https://github.com/teachingai/full-stack-skills --skill ucharts

Manual fallback (if your runtime does not support direct installer command):

  1. npx skills add https://github.com/teachingai/full-stack-skills --skill ucharts -y -g
  2. Restart your current agent/runtime to reload installed skills.
  3. Run a dry run: "build a basic line chart with sample categories and series".
  • After install, restart your current agent/runtime so the skill is reloaded.
  • Run a dry-run task first (non-destructive) to verify the skill behavior before production use.

SKILL.md (source preview)

Short preview shown here to keep this page focused on our verification layer.

When to use this skill Use this skill whenever the user wants to: Install and set up uCharts in a project Create charts in uni app applications Use uCharts in WeChat Mini Program Use uCharts in H5 applications Configure chart options Use different chart types Handle chart events Customize chart appearance Understand uCharts API and methods Troubleshoot uCharts issues How to use this skill This skill is organized to match the uCharts official documentation structure (https://w...

View full SKILL.md source page →

Required permissions

file, web

Compatibility matrix

EnvironmentStatusNotes
uni-app local projectpassWorks well for chart integration and configuration guidance.
WeChat mini-program workflowpassDocumented examples and API mapping cover common scenarios.
Server-only / no frontend runtimefailSkill value depends on frontend chart rendering contexts.

Verification log

Canonical source exists locally

test -f ~/.agents/skills/ucharts/SKILL.md

Pass

result: pass

Install command template validated

npx skills add https://github.com/teachingai/full-stack-skills --skill ucharts -y -g

Pass

result: pass (user-confirmed install output)

Frontmatter + full body extracted

read ~/.agents/skills/ucharts/SKILL.md and split description/body

Pass

result: pass

Security notes

  • Do not embed secrets in chart config payloads.
  • Validate external data before binding into chart series.
  • Keep chart rendering dependencies pinned for release stability.

Common failures and fixes

Chart not rendering on target platform

Check platform support section and verify component registration/setup path.

Data renders empty or malformed

Re-check categories/series data structure against examples/features/data-format.md.

Event callbacks not triggered

Confirm event binding names and payload handling with events API references.

Quick FAQ

How do I install this skill quickly?

Run npx skills add https://github.com/teachingai/full-stack-skills --skill ucharts, then restart your runtime to reload skills.

What should I check before production rollout?

Confirm permissions, run a non-destructive dry run, and review rollback triggers.

What if install succeeds but actions do not run?

Verify SKILL.md location, restart runtime, and check environment/dependency readiness.

Recent changes

  • 2026-02-13: Added hot-skill page entry from Excel priority list.
  • 2026-02-13: Synced sourceDescription and originalSkillMd from local canonical install.
  • 2026-02-13: Added compatibility, fixes, and rollback guidance.

Rollback triggers

  • Cross-platform rendering regressions after option schema changes.
  • Production chart interactions fail on core user flows.
  • Performance degradation after heavy customization rollout.

Known issues

Platform-specific configuration differences

Use platform support guide and validate options per deployment target.

Large datasets impact rendering speed

Reduce payload size and apply chart update/performance practices.

Related tutorials

Site references