AI 速览Effective HTML是一套让AI coding agent直接生成可运行、可交互HTML原型的开源技能包，适合不会写代码但需快速产出可验证前端原型的产品、咨询或独立开发者。 核心事实 - 项目主体：由Plannotator于2026年6月首次开源，8月初仍在更新 - 技能组成：包含html、design-artifact、html-wireframe、html-prototype、html-plan、html-diagram共6个专项skill - 技术定位：专为AI coding agent设计的工作流说明书，非可视化拖拽工具 - 交付标准：所有HTML产物要求自包含、响应式、无障碍，并经浏览器实测验证 - 集成方式：支持通过skills生态一键安装，或作为插件接入Claude Code、Codex等环境 避坑提示 - 使用前提：需依赖支持agent skill的环境（如Claude Code、Codex），无法脱离AI coding agent单独使用 - 产物形式：输出为真实HTML文件，非静态图片或PPT，需在浏览器中打开验证 - 效果依赖：最终质量高度依赖用户提示词清晰度，安装不等于自动产出高质量结果 价值点 帮你跳过手写代码，用自然语言让AI直接生成客户可点击、团队可部署的交互原型，大幅缩短需求对齐和轻量前端交付周期。
# Python数据可视化代码实现 请使用以下模板编写一段Python代码，实现对给定数据的可视化。你可以根据实际需求选择合适的图表类型（如折线图、柱状图、散点图、饼图等）。 ## 输入示例 ```python # 示例数据 import pandas as pd data = { '月份': ['1月', '2月', '3月', '4月', '5月', '6月'], '销售额': [20000, 25000, 18000, 30000, 35000, 28000], '利润': [5000, 6000, 4000, 8000, 9000, 7000] } df = pd.DataFrame(data) ``` ## 实现要求 1. 使用matplotlib或seaborn库进行可视化 2. 创建一个清晰、美观的图表，包含标题、坐标轴标签和图例 3. 保存图表为PNG文件 4. 添加必要的注释说明代码功能 ## 代码模板 ```python import matplotlib.pyplot as plt import seaborn as sns import pandas as pd # 设置中文字体支持（可选） plt.rcParams['font.sans-serif'] = ['SimHei'] plt.rcParams['axes.unicode_minus'] = False # 你的数据处理和可视化代码 # 显示和保存图表 plt.show() plt.savefig('visualization.png', dpi=300, bbox_inches='tight') ``` 请根据上述要求完成代码实现。
