Skip to content

Commit 9f0fa72

Browse files
authored
Docs: Update agent instructions about style classes (#5990)
## Summary Very small change to help the LLMs follow the new patterns. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-5990-Docs-Update-agent-instructions-about-style-classes-2876d73d365081339dbddf22d22947e7) by [Unito](https://www.unito.io)
1 parent eda781a commit 9f0fa72

File tree

2 files changed

+3
-4
lines changed

2 files changed

+3
-4
lines changed

AGENTS.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
- Routing/i18n/entry: `src/router.ts`, `src/i18n.ts`, `src/main.ts`.
66
- Tests: unit/component in `tests-ui/` and `src/components/**/*.{test,spec}.ts`; E2E in `browser_tests/`.
77
- Public assets: `public/`. Build output: `dist/`.
8-
- Config: `vite.config.mts`, `vitest.config.ts`, `playwright.config.ts`, `eslint.config.js`, `.prettierrc`.
8+
- Config: `vite.config.mts`, `vitest.config.ts`, `playwright.config.ts`, `eslint.config.ts`, `.prettierrc`.
99

1010
## Build, Test, and Development Commands
1111
- `pnpm dev`: Start Vite dev server.

CLAUDE.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -126,6 +126,5 @@ const value = api.getServerFeature('config_name', defaultValue) // Get config
126126
- NEVER use `--no-verify` flag when committing
127127
- NEVER delete or disable tests to make them pass
128128
- NEVER circumvent quality checks
129-
- NEVER use `dark:` prefix - always use `dark-theme:` for dark mode styles, for example: `dark-theme:text-white dark-theme:bg-black`
130-
- NEVER use `:class="[]"` to merge class names - always use `import { cn } from '@/utils/tailwindUtil'`, for example: `<div :class="cn('bg-red-500', { 'bg-blue-500': condition })" />`
131-
129+
- NEVER use `dark:` or `dark-theme:` tailwind variants. Instead use a semantic value from the `style.css` theme, e.g. `bg-node-component-surface`
130+
- NEVER use `:class="[]"` to merge class names - always use `import { cn } from '@/utils/tailwindUtil'`, for example: `<div :class="cn('text-node-component-header-icon', hasError && 'text-danger')" />`

0 commit comments

Comments
 (0)