typescript-data-visualization-engineering Skill
Build typed data visualizations in TypeScript. Use when the user wants TypeScript visualization code, typed data models, browser visualization components, UML-like diagram models, interactive graph or architecture diagram contracts, scroll-driven scene contracts, library selection guidance, or a maintainable visualizat Published by openai in plugins.
Decision snapshot
Is this a fit?
Browser automation, Testing, Data analysis, Includes SKILL.md
Compatibility not yet detected.
Permission behavior not yet detected.
Copy skill directory
19 days ago
No specific cautions were detected. Review the source and requested permissions before installing.
What is typescript-data-visualization-engineering Skill?
Build typed data visualizations in TypeScript. Use when the user wants TypeScript visualization code, typed data models, browser visualization components, UML-like diagram models, interactive graph or architecture diagram contracts, scroll-driven scene contracts, library selection guidance, or a maintainable visualizat Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Browser automation
- Testing
- Data analysis
- Browser automation use cases
- Testing use cases
Declared skill metadata
- Source file: plugins/build-web-data-visualization/skills/typescript-data-visualization-engineering/SKILL.md
These fields retain source and confidence evidence from the indexed SKILL.md.
Compatibility and setup
- Install or run with Copy skill directory
When to use typescript-data-visualization-engineering Skill
- Use it for browser automation.
- Use it for testing.
- Use it for data analysis.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/build-web-data-visualization/skills/typescript-data-visualization-engineering/SKILL.md
What it does
Build typed data visualizations in TypeScript. Use when the user wants TypeScript visualization code, typed data models, browser visualization components, UML-like diagram models, interactive graph or architecture diagram contracts, scroll-driven scene contracts, library selection guidance, or a maintainable visualizat
Skill instructions
TypeScript Data Visualization Engineering Overview Use this skill when the visualization must live in a TypeScript application. The focus is not just chart rendering. The focus is reliable data contracts, clear component boundaries, maintainable integration architecture, and a renderer that fits the product surface. If the request is specifically about React components, client or server boundaries, hydration, dynamic loading, or Next.js delivery constraints, route first to ../react-and-nextjs-data-visualization/SKILL.md. If the request is primarily about test strategy, mocks, screenshot coverage, or deciding which chart logic deserves unit tests, route first to ../testing-data-visualizations/SKILL.md. Renderer and Library Selection - D3: custom chart math, behaviors, and bespoke SVG or hybrid views. - Observable Plot or Vega-Lite wrappers: fast, declarative 2D charts. - Visx, Recharts, ECharts, or Chart.js: product-oriented chart layers when their abstraction fits. - Canvas2D adapters:
Verified compatibility and discovery
Frequently asked questions
What is typescript-data-visualization-engineering?
typescript-data-visualization-engineering is a open-source AI agent skill with Copy skill directory. Build typed data visualizations in TypeScript. Use when the user wants TypeScript visualization code, typed data models, browser visualization components, UML-like diagram.
Who is typescript-data-visualization-engineering best for?
typescript-data-visualization-engineering is best for reusing agent instructions, scripts, and references, browser automation workflows, testing workflows, data analysis workflows.
How do I install typescript-data-visualization-engineering?
Install or run typescript-data-visualization-engineering using Copy skill directory. Check typescript-data-visualization-engineering for the latest setup command.
Is typescript-data-visualization-engineering actively maintained?
typescript-data-visualization-engineering may need a closer maintenance check before production use.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
