Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
Graphy avatar

Sdk

  • 1 repo stars
  • Updated July 21, 2026
  • graphysdk/skills

Graphy SDK skills is a Claude Code plugin marketplace that ships agent skills for integrating Graphy visualization packages so coding agents can render charts in React apps correctly.

About

The Graphy SDK skills marketplace packages agent instructions for wiring Graphy data-visualization charts into React applications using @graphysdk/viz-engine and @graphysdk/react-canvas-renderer. Once installed, agents auto-route on prompts like add a chart or visualize this dataset and follow documented steps for registry authentication, Pixi setup, and GraphConfig usage. Use it when you are building a React UI that needs interactive graphs and want the coding agent to integrate Graphy correctly on the first attempt.

  • Skill auto-invokes on chart, graph, or data-visualization prompts
  • Covers private-registry auth and Pixi renderer setup
  • Installable via Claude Code marketplace or npx skills add
  • Declarative GraphConfig API for React canvas rendering
  • Works across Claude Code, Cursor, Codex, and other skill-compatible agents

Sdk by the numbers

  • Data as of Jul 22, 2026 (Skillselion catalog sync)
/plugin marketplace add graphysdk/skills

Add your badge

Show developers this marketplace is listed on Skillselion. Paste this into your README.

Listed on Skillselion
repo stars1
Last updatedJuly 21, 2026
Repositorygraphysdk/skills

How do I get my coding agent to wire up Graphy charts in React without missing registry auth, Pixi setup, or GraphConfig details?

Add Graphy charts to React apps via agent skills that handle private-registry auth, Pixi setup, and the declarative GraphConfig API.

Who is it for?

Developers adding Graphy-powered charts or graphs to React apps with Claude Code, Cursor, Codex, or other Anthropic-format skill runners.

Skip if: Projects that do not use React or Graphy, or teams needing backend-only analytics pipelines without in-app visualization.

What you get

The agent follows SKILL.md instructions to configure Graphy packages and produce working chart components using the declarative GraphConfig API.

Recommended Marketplaces

FAQ

How do I install the Graphy skill in Claude Code?

Run /plugin marketplace add graphySdk/skills, then /plugin install graphy@Sdk and /reload-plugins before prompting for a chart.

Can I use these skills outside Claude Code?

Yes. Run npx skills add graphySdk/skills to install into your project's agent skills directory for Cursor, OpenCode, Cline, Codex, and 50+ other agents.

What does the graphy skill cover?

It guides agents from zero to a rendered graph in React, including private-registry auth, Pixi setup, and the declarative GraphConfig API.

Frontend & UIfrontendintegrations

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.