```json
{
"summary

```json
{
"summary": "我将为您创建一个现代化产品卡片组件，包含标题、内容描述、产品图片和行动按钮，采用TailwindCSS实现响应式设计。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": false,
"html": "<div class=\"bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 hover:shadow-lg\">\n <div class=\"relative h-48 bg-gray-100 overflow-hidden\">\n <img src=\"/assets/images/furniture/01.png\" alt=\"产品展示\" class=\"w-full h-full object-contain p-4\" />\n <div class=\"absolute top-2 right-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded\">新品</div>\n </div>\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 <div class=\"flex justify-between items-center\">\n <span class=\"text-lg font-bold text-blue-600\">¥899</span>\n <button class=\"bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition-colors duration-200\">\n 加入购物车\n </button>\n </div>\n </div>\n</div>"
},
"next": [
"添加评分组件",
"增加库存状态",
"添加收藏按钮",
"优化图片hover效果",
"添加购物车动画"
]
}
```