```json
{
"summary": "已根据功能标题重新生成匹配的SVG图标，确保每个功能

```json
{
"summary": "已根据功能标题重新生成匹配的SVG图标，确保每个功能都有对应的视觉标识",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"bg-white\">\n <div class=\"container\">\n <div class=\"rounded-xl shadow-lg overflow-hidden\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-x-8\">\n\n <div class=\"lg:col-span-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-12 gap-6 md:gap-x-8 p-4 md:p-6 lg:p-8\">\n\n <div class=\"md:col-span-6\">\n <div class=\"flex flex-col gap-y-3 md:gap-y-4\">\n <h3 class=\"text-xs font-semibold text-gray-500 tracking-widest mb-3 md:mb-4\">AI</h3>\n\n <a href=\"/builder/chat\"\n class=\"flex items-start gap-x-3 md:gap-x-4 p-3 rounded-lg hover:bg-gray-50 transition-colors\">\n <div class=\"w-5 h-5 md:w-6 md:h-6 bg-purple-100 rounded-full flex items-center justify-center\">\n <svg class=\"w-3 h-3 md:w-4 md:h-4 text-purple-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z\"/>\n </svg>\n </div>\n <div class=\"flex flex-col\">\n <span class=\"text-sm md:text-base font-medium text-gray-900\">AI 基础对话</span>\n <span class=\"text-xs md:text-sm text-gray-600\">基础对话，可判断其他任务类型</span>\n </div>\n </a>\n\n <a href=\"/builder/chat/render?type=custom-template\"\n class=\"rounded-lg flex items-start justify-between gap-x-3 md:gap-x-4 p-3 hover:bg-gray-50 transition-colors\">\n <div class=\"flex items-start gap-x-3 md:gap-x-4\">\n <svg class=\"w-5 h-5 md:w-6 md:h-6 text-purple-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-sm md:text-base font-medium text-gray-900\">创建UI组件</span>\n <span class=\"text-xs md:text-sm text-gray-600\">通过 AI 创建基于TailwindCss 的组件UI</span>\n </div>\n </div>\n </a>\n\n <a href=\"/builder/chat/render?type=mermaid\"\n class=\"flex items-start gap-x-3 md:gap-x-4 p-3 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-5 h-5 md:w-6 md:h-6 text-purple-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M17 3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3zM5 5h10v2H5V5zm0 4h10v2H5V9zm0 4h10v2H5v-2z\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-sm md:text-base font-medium text-gray-900\">思维导图</span>\n <span class=\"text-xs md:text-sm text-gray-600\">通过 AI 创建基于 Mermaind 思维导图</span>\n </div>\n </a>\n\n <a href=\"/builder/chat/render?type=svg\"\n class=\"flex items-start gap-x-3 md:gap-x-4 p-3 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-5 h-5 md:w-6 md:h-6 text-purple-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-sm md:text-base font-medium text-gray-900\">SVG 生成</span>\n <span class=\"text-xs md:text-sm text-gray-600\">根据描述生成 SVG，可用于背景图、海报等等</span>\n </div>\n </a>\n </div>\n </div>\n\n <div class=\"hidden md:block w-px bg-gray-200 h-auto\"></div>\n\n <div class=\"md:col-span-5 mt-6 md:mt-0\">\n <div class=\"flex flex-col gap-y-3 md:gap-y-4\">\n <h3 class=\"text-xs font-semibold text-gray-500 tracking-widest mb-3 md:mb-4\">功能</h3>\n\n <a href=\"/builder/chat/render?type=skeleton\"\n class=\"flex items-start gap-x-3 md:gap-x-4 p-3 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-5 h-5 md:w-6 md:h-6 text-orange-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-sm md:text-base font-medium text-gray-900\">组件骨架图</span>\n <span class=\"text-xs md:text-sm text-gray-600\">根据UI描述生成UI组件的骨架图</span>\n </div>\n </a>\n\n <a href=\"/builder/chat/render?type=chart\"\n class=\"flex items-start gap-x-3 md:gap-x-4 p-3 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-5 h-5 md:w-6 md:h-6 text-orange-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M2 10a8 8 0 1116 0 8 8 0 01-16 0zm8-6a6 6 0 00-6 6c0 1.887.454 3.665 1.257 5.234a.5.5 0 00.656.254 10.97 10.97 0 013.087-1.245.5.5 0 00.287-.9A6 6 0 0010 4zm0 12c-1.6 0-3.1-.6-4.3-1.7l1.4-1.4a3 3 0 004.6.3l1.4 1.4A6 6 0 0010 16z\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-sm md:text-base font-medium text-gray-900\">图表</span>\n <span class=\"text-xs md:text-sm text-gray-600\">通过 AI 生成基于 EChart 的图表</span>\n </div>\n </a>\n\n <a href=\"/builder/chat/render?type=mini\"\n class=\"flex items-start gap-x-3 md:gap-x-4 p-3 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-5 h-5 md:w-6 md:h-6 text-orange-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M7 2a1 1 0 00-1 1v1H5a1 1 0 00-1 1v2a1 1 0 001 1h1v1a1 1 0 001 1h2a1 1 0 001-1V8h1a1 1 0 001-1V5a1 1 0 00-1-1H9V3a1 1 0 00-1-1H7zm0 10a1 1 0 00-1 1v1H5a1 1 0 00-1 1v2a1 1 0 001 1h1v1a1 1 0 001 1h2a1 1 0 001-1v-1h1a1 1 0 001-1v-2a1 1 0 00-1-1h-1v-1a1 1 0 00-1-1H7z\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-sm md:text-base font-medium text-gray-900\">小程序 UI</span>\n <span class=\"text-xs md:text-sm text-gray-600\">通过 AI 生成移动端UI</span>\n </div>\n </a>\n\n <a href=\"/builder/chat/render?type=form\"\n class=\"flex items-start gap-x-3 md:gap-x-4 p-3 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-5 h-5 md:w-6 md:h-6 text-orange-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M9 2a1 1 0 000 2h2a1 1 0 100-2H9z\"/>\n <path fill-rule=\"evenodd\" d=\"M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z\" clip-rule=\"evenodd\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-sm md:text-base font-medium text-gray-900\">动态表单</span>\n <span class=\"text-xs md:text-sm text-gray-600\">通过 AI 生成基于 Formly 的表单</span>\n </div>\n </a>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"lg:col-span-4\">\n <div class=\"flex flex-col p-6 bg-purple-100\">\n <div class=\"text-xs font-semibold text-gray-400 tracking-widest\">免费体验</div>\n <div class=\"mt-6 relative bg-purple-100 rounded-xl p-8 overflow-hidden\">\n <img alt=\"免费体验\" class=\"relative z-10 flex flex-col items-center justify-center max-w-full\" src=\"/sites/default/files/2021-05/business-02.png\">\n </div>\n <a class=\"w-full mt-4 py-3 bg-indigo-600 text-white text-base font-semibold rounded-lg text-center hover:bg-indigo-700 transition-colors\"\n href=\"/builder\">\n 立即体验\n </a>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n</div>"
},
"next": ["添加图标悬停效果","优化响应式间距","添加加载动画","统一图标风格","优化移动端布局"]
}
```