Agent Skills
› jakubkrehel/skills
jakubkrehel/skills
GitHub提供基于OKLCH色彩空间的Web前端设计支持,涵盖颜色转换、调色板生成、对比度检查及Tailwind主题配置。
安装全部 Skills
npx skills add jakubkrehel/skills --all -g -y
集合内 Skills (8)
提供基于OKLCH色彩空间的Web前端设计支持,涵盖颜色转换、调色板生成、对比度检查及Tailwind主题配置。
颜色格式转换
生成配色方案
检查对比度
处理色域边界
配置Tailwind主题
npx skills add jakubkrehel/skills --skill better-colors -g -y
协调多个垂直领域技能(无障碍、布局、文案等)对界面进行整体审查。负责解析审查范围与模式,识别项目技术栈,并整合各领域发现的问题,输出统一的优先级判决,避免重复或覆盖子技能的规则。
better-interface
full interface review
holistic UI audit
cross-discipline design review
review the whole interface
npx skills add jakubkrehel/skills --skill better-interface -g -y
提供UI细节打磨原则,涵盖圆角、阴影、动画及图标规范。用于构建组件、审查前端代码或优化微交互,解决界面观感不佳问题。
UI细节优化
审查前端代码中的视觉细节
实现微交互动画
图标样式调整
npx skills add jakubkrehel/skills --skill better-ui -g -y
提供UX文案与界面微复制的写作及审查指南,涵盖按钮、错误提示等用户可见文本,遵循简洁、一致、直接的原则。
撰写或审查用户界面文案
优化按钮标签、错误消息、空状态等微复制
npx skills add jakubkrehel/skills --skill better-writing -g -y
提供前端界面无障碍工程指导,涵盖焦点管理、键盘导航、ARIA语义及屏幕阅读器支持。用于构建或审查UI组件时确保符合WCAG标准,提升可访问性体验。
用户要求使界面无障碍或提及a11y/ARIA
报告键盘或屏幕阅读器兼容性问题
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
专注于代码变更的界面质量审查,解析变更范围并扩展至受影响表面,对比diff前后状态,将发现分类为引入、回归或原有,并移交至专业领域进行严重性评估与裁决。
interface-review
review my branch
review my PR
review the diff
review my changes
review before pushing
design regression check
changed files interface review
npx skills add jakubkrehel/skills --skill interface-review -g -y


