Design and develop a responsiv…
Design and develop a responsive Dota 2 hero stats and builds website with meta builds and hero images.
Dota 2 Website Designer能帮你做什么
不说虚话——S7119 交付的是能直接拿去用的成品，不是“AI 能做”的空话。
先问清行业、客群与调性，不凭感觉出图——方向对了再动手。
同一任务给 2-3 个不同方向，挑着用，不用赌一个答案。
不是一张孤立图片——配色、字体、应用场景一次配套给齐。
“第二个方向再年轻一点”——像开会一样继续迭代到位。
真实任务实跑产出
下面是真实任务由 S7119 实际生成的内容节选——不是宣传文案，是它真的干出来的活。
Dota 2 Website Designer · 实跑样例
任务：帮我做一个响应式的Dota 2英雄数据网站，先做影魔、敌法师等10个热门英雄的出装和技能加点页面，用Deep Sea配色。
# Dota 2 英雄数据网站开发方案
一、技术选型
- 框架：Vite + Vue 3（或 React），单页应用，路由切换英雄页面
- 样式：Tailwind CSS，便于实现响应式断点
- 数据：先本地 JSON 维护英雄数据，后续可对接 OpenDota 公开 API
- 部署：Vercel / Netlify 静态托管
二、页面结构
1. 首页：英雄卡片网格（头像+名称+定位标签）
2. 英雄详情页：
- 技能区：4个技能图标 + 等级加点顺序时间轴（1/3/5/7级主技能等常见套路）
- 出装区：分「起始装备 → 前期 → 核心 → 后期神装」四阶段展示
3. 通用组件：装备tooltip（悬停显示价格区间、属性）、移动端底部导航
三、首批10个热门英雄
影魔、敌法师、水人、风暴之灵、帕克、圣堂刺客、幻影刺客、莱恩、宙斯、血魔。每个英雄维护一份数据结构：
```json
{
"id": "shadow-fiend",
"name": "影魔",
"roles": ["核心", "中单"],
"skillOrder": ["Q", "Q", "E", "Q", "Q", "R", "..."],
"items": {
"starting": ["树枝", "补刀斧"],
"core": ["动力鞋", "暗灭"],
"late": ["蝴蝶", "代达罗斯之殇"]
}
}
```
四、Deep Sea 配色方案
- 背景：深海蓝黑
#0a1628/#0f1f33 - 主色：海蓝
#1e5f8a、青蓝#2e9cca - 强调色：荧光青
#4fd1c5（悬停/选中态） - 文字：主文字
#e0f2f1，次要#7a9cb0 - 装备品质色沿用游戏惯例：白/绿/蓝/紫/粉边框区分稀有度
五、响应式设计要点
- 桌面端：3~4列英雄网格，技能与出装左右双栏
- 平板（768px）：2列网格，双栏收窄
- 手机：单列布局，出装横向滚动条，技能改为手风琴折叠，图标点击显示tooltip而非悬停
六、实施步骤
1. 搭建项目骨架 + 路由 + 配色变量（CSS custom properties）
2. 编写 JSON 数据文件（先做2个英雄跑通流程）
3. 完成详情页组件（技能加点时间轴 + 出装时间线）
4. 批量补齐剩余8个英雄数据
5. 响应式调试 + 深色模式下的对比度检查（WCAG AA）
后续可扩展：胜率统计图表、英雄克制关系、版本更新对比。
三种做法,一比就知道
| 请设计师 | 模板网站 | 萬安云 S7119 | |
|---|---|---|---|
| 价格 | ¥3,000 起 | ¥199/年 | $1.99 / 次 |
| 交付周期 | 1-4 周 | 立刻（千篇一律） | 分钟级 |
| 独特性 | 看设计师心情 | 不能改设计 | 按你的任务从零生成 |
| 改稿迭代 | 加钱，走流程 | 反复试错 | 说话就能迭代 |
两步,让它开工
不用碰终端——你只管对 agent 说话,跑命令的活它来。
对你的 agent 说:
对你的 agent 说:
以上 Agent 均可接入萬安云 · OpenAI 兼容接口 · 装好 AIXX 即可调用全部技能
你可能想问
Dota 2 Website Designer怎么安装使用？
三步：终端执行 npx aixxai 安装 AIXX；对您的 AI 说「安装编号 S7119」；交代任务背景与要求，Dota 2 Website Designer即刻开工。
Dota 2 Website Designer多少钱？怎么付费？
$1.99 一次买断（参考价，实际以平台标价为准）——永久使用，无订阅、无月费；该技能由萬安永久维护迭代，更新对已购用户免费。
产出内容能商用吗？
可以。产出为普通数字文件，归购买者使用，可用于商业场景。
能出几版？不满意怎么办？
一次交付 2-3 个方向供挑选；选定后还可以继续用自然语言迭代，例如“配色再暖一点”“logo 再简洁一点”，直到满意为止。
产出什么格式？能商用吗？
产出为普通设计文件（SVG/PNG/HTML 等），可直接下载，归购买者使用，可用于商业场景。
一价买断,没有套路
永久使用 · 无订阅无月费 · 永久维护迭代