Loading...
Loading...
Found 25 Skills
Build and structure React applications with TypeScript, Tailwind CSS, Recharts, and modern best practices. Use when creating React components, hooks, API layers, charts, dashboards, or when the user asks about React project structure, TypeScript patterns, or frontend architecture.
Build data visualization and analytics dashboards. Use when creating charts, KPI displays, metrics dashboards, or data visualization components. Triggers on analytics, dashboard, charts, metrics, KPI, data visualization, Recharts.
Provides comprehensive guidance for Lime ECharts including chart creation, configuration, data visualization, and interactive charts. Use when the user asks about Lime ECharts, needs to create charts, visualize data, or work with ECharts features.
Design, implement, review, and migrate XState v5 state machines and statecharts in TypeScript using modern v5 patterns. Use this whenever the user mentions XState, actors, state machines, statecharts, guards, transitions, workflows, or Stately, or is modeling non-trivial UI/app/process logic in a codebase that uses XState. Prefer a short machine sketch before code when requirements are fuzzy. If the problem is too simple for a state machine, say so and recommend @xstate/store instead.
Turn a data file (CSV/TSV/TXT/XLSX/XLS/JSON) into standalone interactive ECharts HTML charts - 32 chart types, 3 themes, fully offline with no CDN. A data profile (--profile) lets the agent read the data itself and decide what to plot; each chart ships with an embedded fact sheet (plot_stats plus data_preview). This skill produces charts and facts, not written reports or narrative documents. TRIGGER: user supplies or points to a tabular data file and wants a chart; asks to generate a chart/make a graph/visualize data.
Helps create XState v5 state machines in TypeScript and React. Use when building state machines, actors, statecharts, finite state logic, actor systems, or integrating XState with React/Vue/Svelte components.
Unified entry for Feishu Visualization and Display, responsible for selecting appropriate carriers, and covering whiteboard, Slides, Miaobi BOX dynamic components, Miaoda HTML applications, and unified data visualization design specifications. This Skill must be used when users request whiteboard/whiteboard, architecture diagrams, flowcharts, flywheels, fishbone diagrams, roadmaps, posters, illustrations, SVG/Mermaid, data charts or dashboards, creating Slides/PPT, embedding dynamic ECharts/maps/3D/window.magic components, or publishing HTML applications with Miaoda/Miaoda/spark. Message cards are constructed and sent by feishu-cli-messaging; Markdown chart import is executed by feishu-cli-docs.
Analyze trends and patterns in health data over a period of time. Correlate changes in medications, symptoms, vital signs, lab results, and other health indicators. Identify concerning trends, improvements, and provide data-driven insights. Use this when users ask about health trends, patterns, changes over time, or "What's changed with my health status?" Supports multi-dimensional analysis (weight/BMI, symptoms, medication adherence, lab results, mood and sleep), correlation analysis, change detection, and interactive HTML visualization reports (ECharts charts).
Design and build data presentations — slide decks, board and investor decks, QBRs, analytics readouts, launch and sales decks, conference talks, and interactive web decks — that hold up in a room, in an inbox, and on a phone. Use whenever the user wants slides or a presentation: "make a deck", "turn this into slides", "board deck", "pitch deck", "QBR", "readout", "all-hands", "present these results", "PowerPoint", "pptx", "Google Slides", "keynote", "talk", "webinar", "speaker notes", "slidedoc", "reveal.js", or an interactive/HTML deck — even if they only say "put this in slides" or "we're presenting this Thursday". Covers storyline, slide layout and type specs, staged chart reveals, presenter mechanics, accessibility, and the build path (self-contained HTML, .pptx, Google Slides, or a spec). Composes with dreambase-data-stories, dreambase-visualization-design, dreambase-echarts, and any brand guide, design.md, or .potx the user supplies.
Convert CSV/Excel/JSON data into beautiful visualization report pages
Interactive web-based charts for data analysis and business intelligence. Project-based output in output/chart-html/<project>/ with HTML + script + data + screenshot.
Expert in creating charts, dashboards, and data visualizations using modern libraries