Agent Skills
› jakubkrehel/skills
jakubkrehel/skills
GitHub处理 Web 项目中的 OKLCH 色彩空间,提供格式转换、调色板生成、对比度检查及色域边界处理。支持 Tailwind v4 主题配置与语义化颜色设计,确保跨模式视觉一致性。
Install All Skills
npx skills add jakubkrehel/skills --all -g -y
Skills in Collection (7)
处理 Web 项目中的 OKLCH 色彩空间,提供格式转换、调色板生成、对比度检查及色域边界处理。支持 Tailwind v4 主题配置与语义化颜色设计,确保跨模式视觉一致性。
色彩转换
调色板生成
对比度检查
色域边界处理
Tailwind 主题配置
npx skills add jakubkrehel/skills --skill better-colors -g -y
协调六个垂直领域技能对界面进行跨学科的整体审查。负责确定范围与模式,按序调用各子技能并整合证据,输出统一的优先级评审结论,确保全面且无重复。
explicitly invoked for a holistic review of a screen, flow, feature, or product interface
better-interface
full interface review
holistic UI audit
cross-discipline design review
npx skills add jakubkrehel/skills --skill better-interface -g -y
提供UI细节打磨的设计工程原则,涵盖动画、图标、阴影及视觉对齐。用于构建或审查前端界面,提升交互流畅度与视觉精致感,处理微交互和状态反馈。
UI细节优化
实现动画效果
审查前端代码视觉表现
调整图标样式
解决界面‘感觉不对’的问题
npx skills add jakubkrehel/skills --skill better-ui -g -y
提供UX文案和界面文本的写作与审查指南,涵盖按钮、错误信息等用户可见文本。遵循简洁一致原则,根据场景调整语气,确保用词清晰且符合品牌语调。
UX writing
interface copy
error messages
button labels
microcopy
npx skills add jakubkrehel/skills --skill better-writing -g -y
专注于前端界面无障碍工程,涵盖键盘导航、ARIA语义、表单及屏幕阅读器支持。用于构建或审查UI组件时确保符合WCAG标准,解决键盘和读屏问题。
用户要求提升界面可访问性
报告键盘或屏幕阅读器兼容性问题
涉及WCAG、ARIA、焦点管理或语义化HTML的审查与开发
npx skills add jakubkrehel/skills --skill better-accessibility -g -y
提供Web界面布局结构的设计原则,涵盖分组、对齐、间距、响应式断点及RTL支持。用于指导UI代码构建与审查,确保视觉层级清晰且适配多设备。
调整页面或组件的布局结构
处理控件间距与对齐方式
设计响应式断点与自适应布局
处理RTL语言方向布局
审查前端代码中的布局逻辑
npx skills add jakubkrehel/skills --skill better-layout -g -y
专注Web排版优化的技能,涵盖字体选择、变量字体、间距缩放、文本换行截断及可访问性审查。指导开发者统一样式系统,提升文字渲染质量与阅读体验。
字体选择与配对
变量字体配置
排版层级与间距调整
文本换行与截断处理
前端代码排版审查
npx skills add jakubkrehel/skills --skill better-typography -g -y


