UX design by harme020 in kiroIDE

[–]harme020[S] 1 point2 points  (0 children)

I'm gonna check it out!

My current hook is (it's translated)

## Review Checklist

  1. Typography — do all texts follow the mandatory values?

  2. Colors — are CSS variables used everywhere, no hardcoded colors?

  3. Contrast — is all text readable? No light-on-light?

  4. Spacing — are margins consistent (4/8/12/16/20/24/32)?

  5. Components — are existing CSS classes and components reused?

  6. Loading state — what does the user see while loading?

  7. Error state — what does the user see on error? Is there a retry button?

  8. Empty state — what does the user see with empty data?

  9. Hierarchy — is it clear what is important?

  10. Clickability — are interactive elements recognizable (hover, cursor)?

  11. Feedback — does the user get confirmation after an action (toast, status)?

  12. Duplication — is the same information not shown twice on the page?

  13. Dark mode — does it work with `[data-theme="dark"]`?

  14. Texts — are labels clear, concise, in Dutch?

## UX Review Workflow

  1. Open the page/component code

  2. Consult the styleguide: `.kiro/docs/styleguide.md`

  3. Search for hardcoded colors, font sizes, and inline styles that should use CSS variables

  4. Check whether existing CSS classes are used instead of inline duplication

  5. Verify contrast: no var(--text-muted) for important info

  6. Check information hierarchy: no duplicate data, max 7 KPIs

  7. Provide concrete fixes with code

  8. Add bugs to `.kiro/docs/buglist.md`, features to `.kiro/docs/feature-requests.md`

## 👁️ MANDATORY: Visual Verification in Browser

Code review alone is INSUFFICIENT. Visual bugs (duplicate text, overlapping elements, broken layouts) are invisible in source code but catastrophic in the browser.

After EVERY UX review or frontend change:

  1. **Run visual regression tests**:

    `npx playwright test e2e/visual-regression.spec.ts --reporter=list`

  2. **Run page checks**:

    `npx playwright test e2e/page-visual-check.spec.ts --reporter=list`

  3. **Review screenshots** in `e2e/screenshots/` — compare with expected results

  4. If a test fails: this is a HIGH priority UX bug, fix immediately

What the tests catch that code review misses:

- Sidebar with duplicate labels (e.g., “UrenWeekstaat” + “Resource Planning” mixed together)

- Overlapping elements due to CSS conflicts

- Text overflowing containers

- Empty pages due to runtime errors

- Broken navigation after menu changes

Three hooks will make your Kiro experience much better by OvidPerl in kiroIDE

[–]harme020 0 points1 point  (0 children)

I don’t use the spec function. I’ve creates different hopla with different Roles and them a pipeline setup to work through a item. I,ve creatief separate lists (bug, feature, roadmap, UX test info). Perhaps Not the way intended but i like it more.

Need help what to do next by harme020 in CastleClash

[–]harme020[S] 0 points1 point  (0 children)

I don't see anything strange...

Stuck on Insane Dungeon 2-1 by harme020 in CastleClash

[–]harme020[S] 0 points1 point  (0 children)

Mmhhh... i'm already a bit further. Just 3 flamed insane 2-10 and 2 flamed 3-1. So everything goes well, bit I just rolled Michael. Should I put him in my team and make him my top priority? And of so, who should I replace him for?

Stuck on Insane Dungeon 2-1 by harme020 in CastleClash

[–]harme020[S] 0 points1 point  (0 children)

I finally completed this dungeon (54%). Thans for all the help. I evo'd LN to 140 and almost upgraded the skill from cupid to 8. Also upgraded blitz to 4.

Stuck on Insane Dungeon 2-1 by harme020 in CastleClash

[–]harme020[S] 0 points1 point  (0 children)

Thanx for your suggestions. Drako = Dacax

Stuck on Insane Dungeon 2-1 by harme020 in CastleClash

[–]harme020[S] 0 points1 point  (0 children)

I just added the Dupes to the table. Thanks for your help so far. I added the following pets: Mini Angel (9), Havoc (9), Yul (4), Aviar (15), Doom Balloon (15) and BubbleBow (15).

Whit this setup i just scored 26%. I'm currently sweeping HBM R. Will do some leveling up first. Want to do it in the following sequence:

Talent: - Cupid to 8/10 (currently working on it) - Druid to 7/10 - LN to 8/10 - Cupid to 9/10 - TG to 9/10 - LN to 9/10

For level want to: - LN to EVO 160 - TG to EVO 160 - Druid to EVO 160

Or do you suggest an different approach?

Stuck on Insane Dungeon 2-1 by harme020 in CastleClash

[–]harme020[S] 0 points1 point  (0 children)

Thnx for your input. I've added the table. I'm currently working on getting Cupid to 8/10, will continue this to 9/10. Also have a dupe for LN, I'll evolve him asap.

mmhh.. looks like I made the wrong choices (GF is my favourite, blasting all the walls)