atomsystem 0.4.1 → 0.4.3
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/atom.design.md +17 -0
- package/components/blocks/BlockViewerCard.tsx +229 -0
- package/components/blocks/CardListBlock.tsx +309 -0
- package/components/blocks/FileExplorerBlock.tsx +535 -0
- package/components/blocks/InteractiveChatBlock.tsx +233 -0
- package/components/blocks/MetricStatsBlock.tsx +178 -0
- package/components/blocks/PricingPlanBlock.tsx +231 -0
- package/components/blocks/RealtimeChartBlock.tsx +361 -0
- package/components/blocks/SliderShowcaseBlock.tsx +336 -0
- package/components/blocks/index.ts +8 -0
- package/components/ui/Tree.tsx +121 -0
- package/components/ui/index.ts +1 -0
- package/css/atom-ui.css +103 -3
- package/dist/cli.cjs +1 -1
- package/dist/cli.cjs.map +1 -1
- package/dist/cli.js +1 -1
- package/dist/cli.js.map +1 -1
- package/dist/index.cjs +90 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +90 -1
- package/dist/index.js.map +1 -1
- package/package.json +6 -1
- package/presets/default.design.md +17 -0
- package/tokens/token.json +1 -1
- package/tokens/tokens.json +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "atomsystem",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"homepage": "https://system.atomground.com",
|
|
6
6
|
"repository": {
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
"./uxPattern.md": "./presets/uxPattern.md",
|
|
29
29
|
"./skill": "./skills/atomsystem.skill.md",
|
|
30
30
|
"./components/*": "./components/ui/*.tsx",
|
|
31
|
+
"./blocks/*": "./components/blocks/*.tsx",
|
|
31
32
|
"./css/atom-ui.css": "./css/atom-ui.css",
|
|
32
33
|
"./package.json": "./package.json"
|
|
33
34
|
},
|
|
@@ -37,6 +38,7 @@
|
|
|
37
38
|
"presets",
|
|
38
39
|
"skills",
|
|
39
40
|
"components/ui",
|
|
41
|
+
"components/blocks",
|
|
40
42
|
"css",
|
|
41
43
|
"atom.design.md",
|
|
42
44
|
"atom.uxPattern.md",
|
|
@@ -55,6 +57,7 @@
|
|
|
55
57
|
"example:mib:test": "npm --prefix examples/mib-browser run test:e2e",
|
|
56
58
|
"start": "next start",
|
|
57
59
|
"lint": "next lint",
|
|
60
|
+
"lint:design": "impeccable detect app components css presets",
|
|
58
61
|
"test:e2e": "playwright test",
|
|
59
62
|
"test:e2e:ui": "playwright test --ui",
|
|
60
63
|
"test:e2e:report": "playwright show-report"
|
|
@@ -90,6 +93,7 @@
|
|
|
90
93
|
"ora": "^9.3.0",
|
|
91
94
|
"prompts": "^2.4.2",
|
|
92
95
|
"react": "^19.2.5",
|
|
96
|
+
"react-arborist": "^4.0.1",
|
|
93
97
|
"react-dom": "^19.2.5",
|
|
94
98
|
"react-modal": "^3.16.3",
|
|
95
99
|
"react-responsive": "^10.0.1",
|
|
@@ -111,6 +115,7 @@
|
|
|
111
115
|
"@vitest/coverage-v8": "^3.1.1",
|
|
112
116
|
"eslint": "^8",
|
|
113
117
|
"eslint-config-next": "15.0.3",
|
|
118
|
+
"impeccable": "^4.8.1",
|
|
114
119
|
"playwright": "^1.51.1",
|
|
115
120
|
"postcss": "^8.5.10",
|
|
116
121
|
"tailwindcss": "^4.2.2",
|
|
@@ -95,6 +95,23 @@ CSS-in-JS의 런타임 파싱 비용, 자바스크립트 번들 팽창을 방지
|
|
|
95
95
|
|
|
96
96
|
---
|
|
97
97
|
|
|
98
|
+
### 07. 정갈한 AI 안티패턴 방어 (Anti-Pattern Prevention & Polish)
|
|
99
|
+
> **AI 슬롭(AI Slop)을 원천 차단하고 불필요한 장식을 덜어낸 정갈한 본질을 추구합니다.**
|
|
100
|
+
|
|
101
|
+
Impeccable 디자인 철학에 기반하여 LLM이 양산하는 클리셰적 디자인 왜곡을 엄격히 방어합니다. 과도한 네온 그라디언트, 촌스러운 단면 테두리, 불필요한 바운스 모션을 지양하고 담백하며 정돈된 모던 인터페이스를 완성합니다.
|
|
102
|
+
|
|
103
|
+
* **권장 실천 (DO)**:
|
|
104
|
+
- ✅ 상태 표시는 굵은 단면 테두리 대신 은은한 1px 보더, 상태 도트/아이콘, 부드러운 틴트 배경을 활용합니다.
|
|
105
|
+
- ✅ 모션은 튀는 바운스(bounce) 대신 자연스러운 감속 이징(ease-out, 200~300ms)과 미세한 페이드/스케일을 적용합니다.
|
|
106
|
+
- ✅ 코드 커밋 전 `npm run lint:design` (impeccable detect)을 통해 디자인 결함을 무비용(0-Token)으로 정적 검증합니다.
|
|
107
|
+
* **지양 안티패턴 (DON'T)**:
|
|
108
|
+
- ❌ 카드나 콜아웃, 사이드바에 굵은 좌측 테두리(border-l-4 등 Side-tab tell)를 남발하지 않습니다.
|
|
109
|
+
- ❌ 시각적 피로감을 유발하는 무의미한 보라색 그라디언트나 과도한 드롭 섀도를 인라인 하드코딩하지 않습니다.
|
|
110
|
+
- ❌ 시각적 위계와 무관하게 모든 요소를 둥근 플로팅 카드로 감싸는 레이아웃 남용을 피합니다.
|
|
111
|
+
* **표준 참조**: `Impeccable Design Quality Standards & Zero-Slop Heuristics`
|
|
112
|
+
|
|
113
|
+
---
|
|
114
|
+
|
|
98
115
|
## 2. 디자인 토큰 사양 (Design Token Specifications)
|
|
99
116
|
|
|
100
117
|
### 🎨 시맨틱 컬러 토큰
|
package/tokens/token.json
CHANGED