```json
{
"summary": "我将为您创建一个现代化的卡片组件，包含标题、内容描述

```json
{
"summary": "我将为您创建一个现代化的卡片组件，包含标题、内容描述、产品图片和操作按钮。基于您的要求，我将设计一个响应式、美观且功能完整的卡片组件。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": false,
"html": "<div class=\"max-w-sm mx-auto bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-2xl hover:-translate-y-1\">\n <div class=\"relative\">\n <img src=\"/assets/images/showcase/1.jpg\" alt=\"产品展示\" class=\"w-full h-48 object-cover\">\n <div class=\"absolute top-4 right-4 bg-red-500 text-white px-2 py-1 rounded-full text-sm font-medium\">\n 热销中\n </div>\n </div>\n \n <div class=\"p-6\">\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">优质产品标题</h3>\n <p class=\"text-gray-600 mb-4\">这是一段产品描述内容，简要介绍产品的特色功能和优势，吸引用户点击了解更多详情。</p>\n \n <div class=\"flex items-center justify-between mb-4\">\n <span class=\"text-2xl font-bold text-blue-600\">¥299</span>\n <div class=\"flex items-center\">\n <div class=\"flex text-yellow-400\">\n <span>★</span>\n <span>★</span>\n <span>★</span>\n <span>★</span>\n <span>★</span>\n </div>\n <span class=\"text-gray-500 ml-2\">(128)</span>\n </div>\n </div>\n \n <button class=\"w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-4 rounded-lg transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2\">\n 立即购买\n </button>\n </div>\n</div>"
},
"next": ["添加购物车功能", "增加数量选择器", "添加收藏按钮", "实现图片轮播", "添加产品规格选择"]
}
```