A template-based tool for making data visualizations and publishable HTML reports. It can use real implementations from included chart galleries and choose from 12 full-page report templates based on the data’s meaning.
This skill is for bklit-ui monorepo contributors taking a chart or component validated in Studio into production: published in the UI package, documented, and ready for users.
Open a pull request the bklit-ui way: stage and commit with pre-commit hooks, run ultracite from the repo root, rebuild the shadcn registry, run a production test build, fix failures, push, and create a PR with a structured summary. Use when the user asks to commit, push, open a PR, "ship it", or run the full pre-PR…
Bklit UI charts and data visualization for any project using the @bklit shadcn registry. Install, compose, theme, and animate charts correctly. Triggers when working with @bklitui/ui/charts, @bklit components, data visualization, dashboards, or chart theming. Also invoke manually for chart tasks.
Build accessible UI components with React Aria Components. Use when developers mention React Aria, react-aria-components, accessible components, or need unstyled accessible primitives. Provides documentation for building custom accessible UI with hooks and components.
A guide for choosing and building data visualizations, such as charts, maps, graphs, and 3D views, based on the data and the question it should answer.
Generate SVG or PNG charts from raw numbers or a CSV using charted, a zero-dependency Python chart library. Covers bar, column, line, scatter, bubble, pie, polararea, radar, area, box, histogram, heatmap, gantt, combo, and sankey, plus multi-series data, named palettes, and a CLI. Use when asked to plot, chart, or…
Generate matplotlib figures in the soft-pastel + warm-earth visual register used by AI alignment research blogs (Anthropic-style) — bold sans-serif display titles, scatter overlaid with smoothed trends and shaded confidence bands, minimal axes, '↓better' badges, warm coral/peach/sage/blue palettes, white background by…
Create sophisticated, editorial-style data visualizations and infographics in the signature style of the Harvard Business Review (HBR). Use when developing presentations for academic or executive audiences, creating figures for research papers or business articles, designing strategic frameworks and conceptual models…
NVEIL is an AI-powered data-processing and visualization toolkit — describe joins, aggregations, pivots, resampling, geocoding, time-series analysis, feature engineering, 2D/3D charts, geospatial maps, voxel/volume rendering, medical imaging, and more in plain language; the toolkit plans remotely and executes entirely…
This skill should be used when the user asks to "animate with anime.js", "use animejs", "add an animation" with timelines/staggers/springs, "animate on scroll", "make this draggable", "animate SVG" (draw lines, morph paths, motion paths), "split text and animate it", or when working in a project that imports from…
Bklit UI charts and data visualization for any project using the @bklit shadcn registry. Install, compose, theme, and animate charts correctly. Triggers when working with @bklitui/ui/charts, @bklit components, data visualization, dashboards, or chart theming. Also invoke manually for chart tasks.
This skill should be used when the user asks to "add a KokonutUI component", "use kokonutui", "install a component from kokonutui.com", or asks for polished ready-made React/Tailwind UI like AI chat inputs, animated text effects (shimmer, glitch, matrix, typewriter), gradient/particle/hold buttons, card stacks, bento…