Cline rules

.clinerules/10-ui.md

Cline rules

Quality

40/100

Scores the file, not the repository.

Length

104 words

4 headings · 0 code blocks

Repository

0

— · pushed 12 days ago

Last changed

3 days ago

First indexed 3 days ago.

harritaito/harritaito.github.io/.clinerules/10-ui.mdRaw GitHub

1---
2paths:
3  - "pages/**"
4  - "components/**"
5  - "static/**"
6  - "PRODUCT.md"
7  - "DESIGN.md"
8---
9 
10# UI Rules
11 
12## Context
13- Read `PRODUCT.md` before making UX, copy, or layout decisions.
14- Read `DESIGN.md` before changing colors, type, spacing, elevation, or component
15  styling.
16 
17## Design System
18- Reuse existing tokens and primitives from `components/design-system/` before
19  adding hard-coded values.
20- Keep the portfolio aligned with the current direction: light paper background,
21  Trirong plus Rubik typography, selective project accent colors, soft shadows,
22  and restrained motion.
23- When a visual pattern is repeated three or more times, extract it into
24  `components/design-system/` or an existing shared component.
25 
26## Tests
27- Jest tests live under `components/__tests__/`.
28- Prefer focused component regressions for high-risk UI behavior.
29

Also in harritaito/harritaito.github.io

Diff this repo’s formats

One repository carrying more than one format is the comparison this product exists for: does anyone actually write different content in each file, or is one a copy of the other?

The other instruction files in this repository
Repository	Format	Stack	Covers	Score	Changed
harritaito/harritaito.github.io.clinerules/00-project.md · 0	Cline rules	javascriptnextjs+5	buildteststylegit+2	78/100	3 days ago
harritaito/harritaito.github.io.clinerules/20-docs.md · 0	Cline rules	javascriptnextjs+4	buildteststyledo-not+1	52/100	3 days ago
harritaito/harritaito.github.io.clinerules/30-tests.md · 0	Cline rules	javascriptnextjs+4	teststyletesting-strategydo-not	40/100	3 days ago
harritaito/harritaito.github.io.codex/AGENTS.md · 0	AGENTS.md	javascriptnextjs+4	buildteststylegit+1	45/100	3 days ago
harritaito/harritaito.github.ioAGENTS.md · 0	AGENTS.md	javascriptnextjs+5	buildteststylegit+1	88/100	3 days ago
harritaito/harritaito.github.ioCLAUDE.md · 0	CLAUDE.md	javascriptnextjs+4	agent-behaviour	50/100	3 days ago

Diff against .clinerules/00-project.md Diff against .clinerules/20-docs.md Diff against .clinerules/30-tests.md Diff against .codex/AGENTS.md Diff against AGENTS.md Diff against CLAUDE.md

Similar configs

Same format, overlapping stack, ranked by quality.

Same format, overlapping stack, ranked by quality
Repository	Format	Stack	Covers	Score	Changed
bashdeban/fastmind.clinerules/.project-consistency-keeper2.md · 5	Cline rules	typescriptnode+8	setupbuildtestlint-format+11	100/100	3 days ago
JCodesMore/ai-website-cloner-template.clinerules · 31k	Cline rules	typescriptnode+7	buildlint-formatstylearch+3	97/100	2 days ago
BryaanF/LiantPortfolio.clinerules/project-guidelines.md · 0	Cline rules	javascripttailwind+5	buildstylearchgit+2	96/100	3 days ago
u9401066/zotero-keeper.clinerules/50-pubmed-project.md · 6	Cline rules	pytestruff+6	testlint-formatstylearch+1	94/100	3 days ago
u9401066/zotero-keepervscode-extension/resources/repo-assets/pubmed-search-mcp/.clinerules/50-pubmed-project.md · 6	Cline rules	pytestruff+6	testlint-formatstylearch+1	94/100	3 days ago
prabhakar267/paper-games.clinerules/git-commit-guidelines.md · 0	Cline rules	javascript	lint-formatstylearchgit+3	93/100	2 days ago
VaillerTeeter/HoshimiNest.clinerules/project-identity.md · 1	Cline rules	typescriptvite+4	setuparchtypesdo-not	93/100	yesterday
HerringtonDarkholme/megarepo.clinerules/02-development.md · 17	Cline rules	nodejavascript	setupbuildteststyle+3	92/100	3 days ago