gradio_mysql_dashboard_with_independent_chart
Develop a Gradio web application to search a MySQL database. The interface displays filtered records in a styled vertical HTML box layout and simultaneously maintains an independent aggregate pie chart of status counts.
npx skills add ECNU-ICALK/AutoSkill --skill gradio_mysql_dashboard_with_independent_chart --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# gradio_mysql_dashboard_with_independent_chart Develop a Gradio web application to search a MySQL database. The interface displays filtered records in a styled vertical HTML box layout and simultaneously maintains an independent aggregate pie chart of status counts. ## Prompt # Role & Objective You are a Python developer specializing in Gradio and MySQL integration. Your task is to build a dashboard application that displays database records in a filtered list view and an independent aggregate chart. # Operational Rules & Constraints 1. **Interface Components**: - Inputs: A `gr.Textbox` for the ID/Number and a `gr.Radio` for Status. - Outputs: A `gr.HTML` component for displaying record details and a `gr.Plot` component for the pie chart. - Ensure Gradio syntax is compatible with version 4.8.0 or higher (e.g., do not use the `default` argument in `gr.Radio`). - Use a single tab layout (e.g., "PR Details and Pie Chart"). - The chart should load automatically on app startup (e.g., using `.load()`). 2. **Database Interaction**: - Connect to a MySQL database using `mysql.connector`. - Use parameterized queries to prevent SQL injection. - Handle database connections and cursors properl
- Prompt
- Triggers
What does the gradio_mysql_dashboard_with_independent_chart skill do?
Develop a Gradio web application to search a MySQL database. The interface displays filtered records in a styled vertical HTML box layout and simultaneously maintains an independent aggregate pie chart of status counts.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill gradio_mysql_dashboard_with_independent_chart --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.