@devflow-tools/plugin-ui-layout 0.8.10 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -4
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @devflow-tools/plugin-ui-layout
|
|
2
2
|
|
|
3
|
-
UI Layout
|
|
3
|
+
UI Layout 专家插件 — 布局模式、组件组合、响应式架构、设计系统。
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
@@ -8,12 +8,32 @@ UI Layout expert plugin for DevFlow — layout patterns, component composition,
|
|
|
8
8
|
npm install @devflow-tools/plugin-ui-layout
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
+
## MCP Tools
|
|
12
|
+
|
|
13
|
+
| Tool | 说明 | 关键参数 |
|
|
14
|
+
|------|------|---------|
|
|
15
|
+
| `ui_layout_generate` | 生成布局代码：sidebar/header/grid，响应式 + 暗色模式支持 | `layoutType`, `componentName` |
|
|
16
|
+
|
|
17
|
+
## Knowledge Sources
|
|
18
|
+
|
|
19
|
+
| 来源 | URL | SPA |
|
|
20
|
+
|------|-----|-----|
|
|
21
|
+
| web.dev Learn Design | https://web.dev/learn/design | No |
|
|
22
|
+
|
|
23
|
+
## Memory
|
|
24
|
+
|
|
25
|
+
插件自动注入以下最佳实践：
|
|
26
|
+
- 布局容器使用 CSS Grid 处理 2D 排列，Flexbox 处理 1D 排列
|
|
27
|
+
- 使用 `container` 查询实现组件级响应式
|
|
28
|
+
- 避免 magic number 间距，统一使用 spacing scale
|
|
29
|
+
- 布局组件与内容组件分离（Layout / Page / Feature 三层）
|
|
30
|
+
- 暗色模式使用 CSS 变量 + `prefers-color-scheme`
|
|
31
|
+
|
|
11
32
|
## Usage
|
|
12
33
|
|
|
13
34
|
```bash
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
# /devflow:ui-layout 审查项目的布局模式
|
|
35
|
+
# 在 Claude Code 中使用
|
|
36
|
+
/devflow:ui-layout 生成 sidebar 布局
|
|
17
37
|
```
|
|
18
38
|
|
|
19
39
|
## License
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devflow-tools/plugin-ui-layout",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"files": [
|
|
27
27
|
"dist"
|
|
28
28
|
],
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "7872bccedbacd09cc92b983f30b3702db6878125"
|
|
30
30
|
}
|