```json
{
"summary

```json
{
"summary": "已创建三个现代化卡片组件，采用响应式设计，包含图片、标题、描述和操作按钮，适合产品展示场景。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"container mx-auto py-12 px-4\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <!-- 卡片1 -->\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden border border-solid border-gray-100 hover:shadow-lg transition-shadow duration-300\">\n <div class=\"h-48 bg-blue-50 flex items-center justify-center\">\n <img src=\"/assets/images/illustration/01.png\" alt=\"卡片插图\" class=\"h-40 object-contain\">\n </div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">产品解决方案</h3>\n <p class=\"text-gray-600 mb-4\">我们的专业团队为您提供定制化的产品解决方案，满足您的各种需求。</p>\n <button class=\"px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors\">了解更多</button>\n </div>\n </div>\n \n <!-- 卡片2 -->\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden border border-solid border-gray-100 hover:shadow-lg transition-shadow duration-300\">\n <div class=\"h-48 bg-green-50 flex items-center justify-center\">\n <img src=\"/assets/images/illustration/02.png\" alt=\"卡片插图\" class=\"h-40 object-contain\">\n </div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">技术支持服务</h3>\n <p class=\"text-gray-600 mb-4\">24小时全天候技术支持服务，快速响应您的技术问题和需求。</p>\n <button class=\"px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors\">联系客服</button>\n </div>\n </div>\n \n <!-- 卡片3 -->\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden border border-solid border-gray-100 hover:shadow-lg transition-shadow duration-300\">\n <div class=\"h-48 bg-purple-50 flex items-center justify-center\">\n <img src=\"/assets/images/illustration/03.png\" alt=\"卡片插图\" class=\"h-40 object-contain\">\n </div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">定制开发</h3>\n <p class=\"text-gray-600 mb-4\">根据您的业务需求，提供个性化的软件定制开发服务。</p>\n <button class=\"px-4 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors\">立即咨询</button>\n </div>\n </div>\n </div>\n</div>"
},
"next": ["添加图标装饰","增加价格标签","优化响应式布局","添加悬停动画","设置卡片阴影"]
}
```