fix: quick-ref CSS snippet meaningful values + slot styling guidance

[himerus]

Summary

• Bug fix: CSS property examples used initial as placeholder — this is misleading because initial resets custom properties to their initial (empty) value, not to a useful default. Now uses CEM defaults or smart property-name heuristics.
• Slot styling section: CSS snippet now includes light DOM slot styling examples when the component has slots — named slots get [slot="name"] selectors, default slot gets > * selector.
• Consistency: Aligns quick-ref output with the same improvements made to diagnose_styling (PR fix: buildCssSnippet self-referential var() bug + slot styling guidance #158) and suggest_usage (PR feat: add slot styling guidance to suggest_usage handler #154).

This is the first tool agents call before writing code — making its output correct prevents hallucinations at the source.

Test plan

• 4 new tests: no initial values, slot styling section, bare component skip, CEM defaults
• All 23 quick-ref tests pass
• TypeScript: clean
• Prettier: clean

🤖 Generated with Claude Code

[coderabbitai]

Warning

Rate limit exceeded

@himerus has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 12 minutes and 17 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: 11148376-3b06-409b-9750-0ffa4586a996

📥 Commits

Reviewing files that changed from the base of the PR and between 0be3991 and 87a1c86.

📒 Files selected for processing (3)

• .changeset/enhance-quick-ref.md
• packages/core/src/handlers/quick-ref.ts
• tests/handlers/quick-ref.test.ts

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/enhance-quick-ref

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}