@lottecode/lottecss 0.0.3 → 0.0.4
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 +5 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -25,11 +25,11 @@ That's it. Your semantic HTML is now styled.
|
|
|
25
25
|
|
|
26
26
|
---
|
|
27
27
|
|
|
28
|
-
## For AI
|
|
28
|
+
## For AI assistants (Claude, etc.)
|
|
29
29
|
|
|
30
30
|
If you are an AI assistant generating markup for a project that uses lottecss, read this section carefully.
|
|
31
31
|
|
|
32
|
-
### The
|
|
32
|
+
### The core rule
|
|
33
33
|
|
|
34
34
|
**Do not style anything.** lottecss does it for you. Your job is to write correct, semantic HTML.
|
|
35
35
|
|
|
@@ -42,7 +42,7 @@ If you are an AI assistant generating markup for a project that uses lottecss, r
|
|
|
42
42
|
- Use `.card` class for card-like containers
|
|
43
43
|
- Use basic Tailwind utilities (`flex`, `grid`, `gap-*`, `p-*`, `m-*`) for layout only
|
|
44
44
|
|
|
45
|
-
### Do
|
|
45
|
+
### Do not
|
|
46
46
|
|
|
47
47
|
- Add `style=""` attributes to any element
|
|
48
48
|
- Add visual classes (`text-xl`, `text-blue-500`, `font-bold`, `bg-gray-100`, etc.)
|
|
@@ -87,13 +87,13 @@ If you are an AI assistant generating markup for a project that uses lottecss, r
|
|
|
87
87
|
<div class="card-header">Not a real element</div>
|
|
88
88
|
```
|
|
89
89
|
|
|
90
|
-
### If
|
|
90
|
+
### If something looks wrong
|
|
91
91
|
|
|
92
92
|
Choose a different semantic element — don't add styling. The element you picked is probably wrong for that context.
|
|
93
93
|
|
|
94
94
|
---
|
|
95
95
|
|
|
96
|
-
## What lottecss
|
|
96
|
+
## What lottecss styles
|
|
97
97
|
|
|
98
98
|
| Module | What it covers |
|
|
99
99
|
|---|---|
|