Execute React components in the IDE to generate interactive analytical artifacts.
npx skills add https://github.com/shankur/dots --skill canvas-shankur
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/shankur/dots/tree/main/dot_cursor/skills-cursor/canvas Command: npx skills add https://github.com/shankur/dots --skill canvas-shankur
This Skill empowers users to generate interactive analytical artifacts like charts, tables, and visual explorations, providing a more intuitive way to present complex data.
Run the command 'canvas create <name>.canvas.tsx' to generate a new canvas named <name>.
High-intent search queries and answers about installing and using this skill.
You can generate interactive analytical artifacts by executing React components directly in the IDE, enabling visual data interpretation for metrics breakdowns and financial analyses. This approach renders live charts and tables for intuitive data presentation.
To present API error rates visually, you can generate an interactive React canvas that renders charts allowing users to explore the data. This provides a more intuitive format for quantitative analysis than static reports.
Yes, you need React and TypeScript dependencies to execute the components and manage state for rendering live canvases. These libraries are required for the component rendering that produces the interactive visual explorations.
Yes, you can use interactive React canvases for visual data interpretation in security audits. The Skill renders analytical artifacts designed specifically for complex analysis scenarios including billing investigations and security audit presentations.
To start generating a new canvas for data presentation, run the command 'canvas create <name>.canvas.tsx'. This creates a new TypeScript React file where you can develop and execute your interactive application.
Live React canvases require React and related libraries for component rendering and state management, meaning they depend on an IDE environment supporting these dependencies to execute properly. This approach is designed for interactive analysis rather than simple static chart generation.
vietlinhh02Run Vitest unit, integration, and React component tests with mocking and coverage analysis.
JiayueMeng128Generate visual diffs from before/after text or patch strings.
patriotnewsactivismConvert raw data and text into infographics using AntV Infographic DSL and React.
mqzkimGenerate Recharts and Tremor dashboard pages with metric cards, charts, and data tables.
