cognite-create 0.3.8 → 0.3.9
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/package.json
CHANGED
|
@@ -12,6 +12,24 @@ Use the ShadCN MCP server to list the Cognite registry for components you can us
|
|
|
12
12
|
|
|
13
13
|
Always use semantic Tailwind color classes (e.g., bg-primary, text-primary, border-primary) instead of arbitrary color values (e.g., bg-blue-600, text-red-500). This ensures consistency with the design system.
|
|
14
14
|
|
|
15
|
+
Use tailwinds grid in order to make beautiful accurate pixel perfect matches to designs, pay close attention to positioning detail.
|
|
16
|
+
|
|
17
|
+
Use the Chrome browser to visually see what the design looks like and make any changes compared to the reference.
|
|
18
|
+
|
|
19
|
+
You should make sure you make support for light and dark mode.
|
|
20
|
+
|
|
21
|
+
Responsive design is a must.
|
|
22
|
+
|
|
23
|
+
Styling must be consistent with the Cognite design patterns.
|
|
24
|
+
|
|
25
|
+
Do not edit the Cognite components you add directly you can create wrappers around them.
|
|
26
|
+
|
|
27
|
+
Grids
|
|
28
|
+
Make sure to build up grids using either flex or grid classes from tailwind, consider the arrangement and use the best one for the job. Make sure to align components as neatly as possible.
|
|
29
|
+
|
|
30
|
+
Layout and Theme
|
|
31
|
+
Make sure to pay close attention to container widths and the different colour layers needed to make components appear properly when using reference. You must adhere strictly to any reference provided.
|
|
32
|
+
|
|
15
33
|
CogniteSDK Rules
|
|
16
34
|
|
|
17
35
|
This is a client-side only application. All Cognite SDK calls are made directly from the browser.
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
description: Whenever you are generating layouts or components with design instructions or reference images, consult these rules.
|
|
3
|
-
alwaysApply: false
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
Use tailwinds grid in order to make beautiful accurate pixel perfect matches to designs, pay close attention to positioning detail.
|
|
7
|
-
|
|
8
|
-
Use the Chrome browser to visually see what the design looks like and make any changes compared to the reference.
|
|
9
|
-
|
|
10
|
-
You should make sure you make support for light and dark mode.
|
|
11
|
-
|
|
12
|
-
Responsive design is a must.
|
|
13
|
-
|
|
14
|
-
Styling must be consistent with the Cognite design patterns.
|
|
15
|
-
|
|
16
|
-
Do not edit the Cognite components you add directly you can create wrappers around them.
|
|
17
|
-
|
|
18
|
-
Grids
|
|
19
|
-
Make sure to build up grids using either flex or grid classes from tailwind, consider the arrangement and use the best one for the job. Make sure to align components as neatly as possible.
|