kalmeron-ui-polish
Improve Kalmeron UI quality for Arabic-first Next.js screens. Use when refining dashboards, landing pages, cards, forms, or any page that feels generic, crowded, inconsistent, or too experimental.
- License 许可
- Apache-2.0
- 最近更新
- 2026-10-05
- Stars
- ★ 1
- Forks
- 0
01 前言 Front Matter
- name
- kalmeron-ui-polish
- description
- Improve Kalmeron UI quality for Arabic-first Next.js screens. Use when refining dashboards, landing pages, cards, forms, or any page that feels generic, crowded, inconsistent, or too experimental.
03 SKILL.md 正文
Kalmeron UI Polish
When to Use
- When a Kalmeron page looks generic, flat, crowded, or visually inconsistent.
- When improving RTL Arabic-first layout, spacing, typography, motion, or component balance.
- When replacing placeholder/demo-looking UI with production-ready polish.
Instructions
- Preserve the existing product identity: dark premium surfaces, strong contrast, clear hierarchy, RTL correctness.
- Fix one screen at a time. First clarify hierarchy, then spacing, then copy, then motion.
- Avoid generic AI patterns: identical cards, overused gradients, random glow, and repetitive icon blocks.
- Use motion only where it improves comprehension.
- Prefer concrete, readable Arabic labels and concise helper text.
- Keep forms obvious, safe, and easy to scan.
- If a screen feels unfinished, remove decorative noise before adding more effects.
Output Checklist
- Clear primary action
- Strong title and supporting copy
- Consistent spacing and alignment
- RTL-safe structure
- Minimal but purposeful motion
- No demo wording in user-facing production paths
04 同仓库更多 Skills
add-new-agent
خطوات تفصيليّة لإضافة وكيل ذكاء اصطناعي جديد إلى منصّة Kalmeron من الفكرة إلى الإنتاج
writing-skills
Use when creating new skills, editing existing skills, or verifying skills work before deployment
writing-plans
Use when you have a spec or requirements for a multi-step task, before touching code
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
vitest
Set up Vitest testing in any project — detects project type (Cloudflare Workers, React, Node), generates vitest.config.ts, test setup, utilities, and sample tests. Also covers mocking patterns, coverage config, workspace setup, and Jest migration. Trigger with 'set up vitest', 'add tests', 'configure vitest', 'migrate from jest', 'vitest config', 'add unit tests', or 'testing setup'.
verification-loops
Use when about to claim work is complete, fixed, or passing, before committing or creating PRs. Requires running verification commands and confirming output before making any success claims. Evidence before assertions always.