Agent Skills
› jakubkrehel/skills
jakubkrehel/skills
GitHub提供OKLCH色彩空间在Web项目中的规范应用，支持颜色转换、调色板生成、对比度检查及Tailwind v4主题集成，确保感知均匀性与语义化设计。
Install All Skills
npx skills add jakubkrehel/skills --all -g -y
Skills in Collection (7)
提供OKLCH色彩空间在Web项目中的规范应用，支持颜色转换、调色板生成、对比度检查及Tailwind v4主题集成，确保感知均匀性与语义化设计。
oklch color conversion
palette generation
contrast ratio check
gamut boundary handling
Tailwind theme configuration
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
make it feel better
feels off
stagger animations
border radius
optical alignment
box shadows
icon states
npx skills add jakubkrehel/skills --skill better-ui -g -y
提供UX文案与界面文本的写作及审查指南，涵盖按钮、错误提示等用户可见文本。强调清晰简洁、语气一致、直接对话及动词优先原则，确保跨平台与多语言适配性。
UX writing
microcopy
interface copy
product copy
button labels
error messages
npx skills add jakubkrehel/skills --skill better-writing -g -y
提供界面无障碍工程指导，涵盖焦点、键盘导航、ARIA语义、表单及屏幕阅读器支持。用于构建或审查UI组件，解决键盘和读屏问题，遵循原生优先与可见焦点原则。
用户提及 accessibility, a11y, WCAG, aria, focus ring, keyboard navigation, screen reader 等关键词
用户报告键盘无法操作或屏幕阅读器读取异常的问题
用户要求 'make this accessible' 或审查 UI 组件的无障碍性
npx skills add jakubkrehel/skills --skill better-accessibility -g -y
提供Web界面布局结构的设计原则与规范，涵盖分组、对齐、间距、响应式断点及RTL支持。用于指导UI组件构建、页面排版及前端代码审查，确保视觉层次清晰且适配多设备。
构建或审查Web页面/组件的布局结构
调整控件间距、对齐方式或视觉层次
处理响应式断点、RTL方向或自适应布局
npx skills add jakubkrehel/skills --skill better-layout -g -y
专注于Web排版优化的技能，涵盖字体选择、变量字体配置、间距缩放、文本换行截断及无障碍细节。指导开发者在构建或审查前端组件时，通过合理的层级、对比度和响应式处理提升文本可读性与视觉质量。
字体选择与配对
变量字体与OpenType特性配置
排版尺度与行高设置
文本换行与截断处理
前端代码中的排版样式审查
npx skills add jakubkrehel/skills --skill better-typography -g -y
