dev-conventions——来自开源营销方法论（含可执…
dev-conventions——来自开源营销方法论（含可执行框架与评分标准）
dev-conventions能帮你做什么
不说虚话——S7946 交付的是能直接拿去用的成品，不是“AI 能做”的空话。
用大白话交代任务，它会先确认关键细节再动手，不瞎猜。
输出带结构与说明，拿来就能用，不用再自己整理格式。
与 AIXX 其他技能叠加使用，组成你自己的工作流。
把常用要求沉淀成一句话模板，下次直接复用。
真实任务实跑产出
下面是真实任务由 S7946 实际生成的内容节选——不是宣传文案，是它真的干出来的活。
dev-conventions · 实跑样例
任务：帮我把公司官网首页改版需求整理成开发规范文档：涉及5个页面模板、3套响应式断点（768/1024/1440px），要求代码命名和目录结构统一。
# 公司官网首页改版开发规范文档 v1.0
一、页面模板清单
| 模板 | 命名 | 说明 |
|---|---|---|
| 首页 | page-home | Banner、产品亮点、新闻、CTA |
| 产品列表 | page-products | 筛选栏 + 卡片网格 |
| 产品详情 | page-product-detail | 轮播 + 参数表 |
| 关于我们 | page-about | 公司简介 + 团队 |
| 联系我们 | page-contact | 表单 + 地图 |
二、响应式断点规范
sm：<768px（移动优先，单列布局，隐藏侧边导航改汉堡菜单）md：768–1023px（双列网格，侧边栏收起为图标）lg：1024–1439px（三列布局，完整导航）xl：≥1440px（容器最大宽度 1280px 居中）
写法示例（BEM + CSS自定义属性）：
```css
.card { padding: 16px; }
@media (min-width: 768px) { .card { padding: 24px; } }
@media (min-width: 1024px) { .card__grid { grid-template-columns: repeat(3, 1fr); } }
```
三、命名规范
- 组件：大驼峰文件名
ProductCard.vue，class 用 BEM：.product-card__title--highlight - 工具函数：小驼峰
formatPrice() - 常量：全大写
MAX_BANNER_COUNT - 图片资源：
模块-描述-尺寸.webp，如home-banner-hero-2880x800.webp - 路由：小写连字符
/product-detail/:id
四、目录结构
```
src/
├── assets/ (images/ fonts/ styles/)
│ └── styles/ (variables.css breakpoints.css)
├── components/ (common/ business/)
│ ├── common/ (Navbar.vue Footer.vue)
│ └── business/ (ProductCard.vue NewsList.vue)
├── pages/ (Home/ Products/ ProductDetail/ About/ Contact/)
├── router/ (index.js routes.js)
├── utils/ (format.js request.js)
└── hooks/ (useBreakpoint.js)
```
五、技术约束
1. 栅格：统一使用 12 栅格 + gap: 24px，禁止硬编码宽度
2. 颜色/间距全部引用 variables.css token（--color-primary、--spacing-md）
3. 图片强制 loading="lazy" + srcset 三档（768/1440/2880）
4. 移动端断点禁止横向滚动；所有交互组件需支持键盘 Tab 焦点（a11y）
5. 提交规范：feat/fix/style: 模块名-描述，如 feat: home-banner-add-carousel
六、验收标准
- Lighthouse 性能 ≥90、LCP ≤2.5s
- 四个断点下无布局错位（对照 Figma@375/768/1024/1440）
-
三种做法,一比就知道
| 再招一个人 | 自己摸索 | 萬安云 S7946 | |
|---|---|---|---|
| 价格 | 月薪数千起 | 反复试错数小时 | $1.99 / 次 |
| 交付周期 | 招聘+培训数周 | 质量不稳定 | 分钟级 |
| 独特性 | 流动风险 | 无人复核 | 按你的任务从零生成 |
| 改稿迭代 | 加钱，走流程 | 反复试错 | 说话就能迭代 |
两步,让它开工
不用碰终端——你只管对 agent 说话,跑命令的活它来。
对你的 agent 说:
对你的 agent 说:
以上 Agent 均可接入萬安云 · OpenAI 兼容接口 · 装好 AIXX 即可调用全部技能
你可能想问
dev-conventions怎么安装使用？
三步：终端执行 npx aixxai 安装 AIXX；对您的 AI 说「安装编号 S7946」；交代任务背景与要求，dev-conventions即刻开工。
dev-conventions多少钱？怎么付费？
$1.99 一次买断（参考价，实际以平台标价为准）——永久使用，无订阅、无月费；该技能由萬安永久维护迭代，更新对已购用户免费。
产出内容能商用吗？
可以。产出为普通数字文件，归购买者使用，可用于商业场景。
具体能帮我做什么？
把你手头这件重复、费时、有固定套路的活交给它——先描述任务和背景，它会确认要点后直接产出成品，不满意可以继续改。
输出质量不稳定怎么办？
在指令里补充背景、受众与格式要求（例如“面向中小企业主、300 字以内、分三点”）；要求越具体，产出越稳。
一价买断,没有套路
永久使用 · 无订阅无月费 · 永久维护迭代