Agent Skills
› jakubkrehel/skills
jakubkrehel/skills
GitHub提供OKLCH色彩空间工具，支持颜色转换、调色板生成、对比度检查及Tailwind集成。用于Web项目色彩系统构建与无障碍优化。
Install All Skills
npx skills add jakubkrehel/skills --all -g -y
Skills in Collection (8)
提供OKLCH色彩空间工具，支持颜色转换、调色板生成、对比度检查及Tailwind集成。用于Web项目色彩系统构建与无障碍优化。
颜色格式转换
生成配色方案
检查对比度
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 polish
design details
make it feel better
feels off
stagger animations
border radius
optical alignment
image outlines
box shadows
icons
icon stroke weight
icon states
motion restraint
npx skills add jakubkrehel/skills --skill better-ui -g -y
提供UX文案和界面微复制的写作与审查指南，涵盖按钮、错误信息等用户可见文本，确保清晰一致且符合品牌语调。
UX writing
interface copy
button labels
error messages
microcopy
npx skills add jakubkrehel/skills --skill better-writing -g -y
提供前端界面无障碍工程指导，涵盖焦点管理、键盘支持、ARIA语义、表单及屏幕阅读器优化。用于构建或审查UI组件，解决键盘导航和读屏兼容性问题。
用户要求提升可访问性或报告键盘/读屏问题
涉及WCAG、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排版优化，涵盖字体选择、变量字体配置、间距层级、文本换行截断及无障碍性检查。指导开发者遵循项目样式系统，提升文本可读性与视觉一致性。
选择或搭配字体
配置变量字体或OpenType特性
设置类型比例与标题层级
处理文本换行、截断或省略
审查前端代码中的排版问题
npx skills add jakubkrehel/skills --skill better-typography -g -y
专注于代码变更界面质量的审查技能。自动解析变更范围，对比差异并分类问题，排除非相关领域，将结果路由至专业模块处理，支持快速与完整两种审查模式。
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
