diff --git a/.codebuddy/skills/product-main-image/SKILL.md b/.codebuddy/skills/product-main-image/SKILL.md index cadac53..78d5441 100644 --- a/.codebuddy/skills/product-main-image/SKILL.md +++ b/.codebuddy/skills/product-main-image/SKILL.md @@ -1,5 +1,5 @@ --- -name: 商品主图设计 +name: product-main-image description: 设计电商产品的主图。当用户需要为产品生成主图图片或海报时使用此技能。 --- diff --git a/.codebuddy/skills/sku-designer/SKILL.md b/.codebuddy/skills/sku-designer/SKILL.md index 8688310..bca8bdc 100644 --- a/.codebuddy/skills/sku-designer/SKILL.md +++ b/.codebuddy/skills/sku-designer/SKILL.md @@ -1,5 +1,5 @@ --- -name: sku设计 +name: sku-designer description: 设计电商产品的 SKU 配置。当用户需要为产品生成 SKU 配置时使用此技能。 --- @@ -12,17 +12,21 @@ description: 设计电商产品的 SKU 配置。当用户需要为产品生成 S ## SKU 编码规则 -[TODO: 定义 SKU 编码的命名规范和结构] +- 按照 [系统]-[机箱]-[盘位]-[wifi/有]-[cpu]-[内存]-[硬盘] 规则生成sku名称 +- 每个字段之间用短横线连接,字段用简称,如:win-3.5-4-w-i3-8g-128g -## 产品配置模板 - -[TODO: 定义不同产品类型的配置模板] ## 设计流程 -[TODO: 描述 SKU 设计的标准流程] +### 步骤1. 更新对应产品的sku,根据设计原则添加或者删除sku +- 根据对应机箱设计原则,选择cpu,内存,硬盘 +- 按照SKU编码规则生成SKU名称 +- 将SKU配置保存到对应产品目录下的`SKU`文件夹 + +### 步骤2 计算与核对产品价格 +- 根据配件清单,计算产品价格 +- 更新产品价格到产品价格汇总表 -## 参考资源 ## 飞牛 NAS产设计原则 ### 3.5金属大配置原则 @@ -36,8 +40,8 @@ description: 设计电商产品的 SKU 配置。当用户需要为产品生成 S ### 亚克力机箱配置原则 - 亚克力机箱-单,可安装所有单sata口 - 亚克力机箱-双,可安装所有双sata口 -- 亚克力机箱,可以使用2G-16G,2G-32G,4G-64G,4G-128G内存条 -- 亚克力机箱可以安装:n2840,n2930,amd-a4,1037u,j1900,j3160,i3 +- 亚克力机箱,可以使用2G-16G,2G-32G,4G-64G +- 亚克力机箱可以安装:n2840,n2930,amd-a4,j1900,j3160,i3 ## win 小主机产设计原则 - win小主机全部使用2.5存机箱 ### 龙虾盒子 diff --git a/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图1-正面展示.html b/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图1-正面展示.html index d286ce0..d05657d 100644 --- a/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图1-正面展示.html +++ b/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图1-正面展示.html @@ -30,63 +30,63 @@ /* 背景光晕效果 */ .glow { position: absolute; - width: 600px; - height: 600px; - background: radial-gradient(circle, rgba(144,238,144,0.15) 0%, transparent 70%); + width: 650px; + height: 650px; + background: radial-gradient(circle, rgba(144,238,144,0.18) 0%, transparent 70%); top: 50%; left: 50%; - transform: translate(-50%, -30%); + transform: translate(-50%, -35%); pointer-events: none; } /* 顶部标题 */ .header { position: absolute; - top: 25px; + top: 20px; left: 0; right: 0; text-align: center; z-index: 10; } .title { - font-size: 44px; + font-size: 40px; font-weight: bold; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,0.5); letter-spacing: 4px; } .subtitle { - font-size: 22px; + font-size: 20px; color: #a8e6a8; - margin-top: 8px; + margin-top: 6px; letter-spacing: 3px; } - /* 产品展示台 */ + /* 产品展示台 - 更大 */ .product-stage { - width: 520px; - height: 420px; + width: 600px; + height: 480px; background: rgba(255,255,255,0.08); - border-radius: 30px; + border-radius: 25px; display: flex; align-items: center; justify-content: center; position: relative; - margin-top: 30px; + margin-top: 20px; backdrop-filter: blur(5px); border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 20px 60px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.1); } - /* 产品图片 */ + /* 产品图片 - 放大 */ .product-img-wrapper { position: relative; - padding: 20px; + padding: 15px; } .product-img { - max-width: 420px; - max-height: 340px; + max-width: 520px; + max-height: 420px; object-fit: contain; - border-radius: 15px; + border-radius: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.1); @@ -97,10 +97,10 @@ top: 100%; left: 50%; transform: translateX(-50%) scaleY(-1); - max-width: 420px; - max-height: 340px; + max-width: 520px; + max-height: 420px; object-fit: contain; - opacity: 0.15; + opacity: 0.12; filter: blur(3px); mask-image: linear-gradient(to top, rgba(0,0,0,0.3), transparent); -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,0.3), transparent); @@ -108,16 +108,16 @@ /* 卖点标签 */ .features { position: absolute; - bottom: 110px; + bottom: 100px; display: flex; - gap: 15px; + gap: 12px; z-index: 10; } .feature-tag { background: linear-gradient(135deg, #fff 0%, #f0f8f0 100%); - padding: 10px 20px; - border-radius: 25px; - font-size: 18px; + padding: 8px 18px; + border-radius: 20px; + font-size: 17px; color: #1a5f2a; font-weight: bold; box-shadow: 0 4px 20px rgba(0,0,0,0.25); @@ -126,21 +126,21 @@ /* 底部信息 */ .footer { position: absolute; - bottom: 35px; + bottom: 30px; text-align: center; z-index: 10; } .brand { - font-size: 30px; + font-size: 26px; color: #fff; font-weight: bold; letter-spacing: 3px; text-shadow: 0 2px 10px rgba(0,0,0,0.3); } .slogan { - font-size: 16px; + font-size: 14px; color: #a8e6a8; - margin-top: 5px; + margin-top: 4px; } /* 装饰元素 */ .deco-line { @@ -149,14 +149,14 @@ height: 1px; } .deco-1 { - top: 150px; - left: 100px; - right: 100px; + top: 130px; + left: 80px; + right: 80px; } .deco-2 { - bottom: 180px; - left: 150px; - right: 150px; + bottom: 160px; + left: 120px; + right: 120px; } diff --git a/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图1-正面展示.png b/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图1-正面展示.png index 68a34ec..2850da5 100644 Binary files a/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图1-正面展示.png and b/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图1-正面展示.png differ diff --git a/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图2-配置展示.html b/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图2-配置展示.html index 37ec427..5fc1262 100644 --- a/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图2-配置展示.html +++ b/产品/飞牛 NAS/fyd-亚克力机箱 - 单/主图/主图2-配置展示.html @@ -21,87 +21,76 @@ .container { width: 100%; height: 100%; - padding: 40px; - position: relative; + padding: 30px 40px; + display: flex; + flex-direction: column; } /* 顶部标题 */ .header { text-align: center; - margin-bottom: 30px; + margin-bottom: 15px; } .title { - font-size: 42px; + font-size: 36px; font-weight: bold; color: #1a5f2a; letter-spacing: 3px; } .subtitle { - font-size: 22px; + font-size: 16px; color: #4a8f5a; - margin-top: 8px; + margin-top: 5px; } - /* 配置列表 */ + /* 配置列表 - 竖向排列 */ .config-section { display: flex; - gap: 30px; - margin-top: 20px; + flex-direction: column; + gap: 15px; + flex: 1; + align-items: center; + justify-content: center; } .config-card { - flex: 1; + width: 100%; background: #fff; - border-radius: 20px; - padding: 30px; + border-radius: 15px; + padding: 15px 20px; box-shadow: 0 8px 30px rgba(26, 95, 42, 0.15); border: 2px solid #2d8a3e; } .config-title { - font-size: 28px; + font-size: 22px; font-weight: bold; color: #1a5f2a; text-align: center; - margin-bottom: 25px; - padding-bottom: 15px; + margin-bottom: 12px; + padding-bottom: 8px; border-bottom: 3px solid #90ee90; } - .config-item { + .config-tags { display: flex; - align-items: center; - margin-bottom: 18px; - font-size: 20px; - color: #333; - } - .config-label { - width: 100px; - font-weight: bold; - color: #2d8a3e; - } - .config-value { - flex: 1; - color: #555; + flex-wrap: wrap; + justify-content: center; + gap: 8px; } .config-tag { display: inline-block; background: #e8f5e9; color: #1a5f2a; - padding: 4px 12px; + padding: 6px 14px; border-radius: 15px; - font-size: 16px; - margin-right: 8px; - margin-bottom: 8px; + font-size: 15px; } /* 底部强调 */ .footer { - position: absolute; - bottom: 40px; - left: 40px; - right: 40px; background: linear-gradient(90deg, #1a5f2a, #2d8a3e); - border-radius: 15px; - padding: 20px; + border-radius: 12px; + padding: 12px; text-align: center; + margin-top: 10px; } .footer-text { - font-size: 26px; + font-size: 20px; color: #fff; font-weight: bold; letter-spacing: 2px; @@ -126,31 +115,27 @@