Agent Skills
› jakubkrehel/skills
jakubkrehel/skills
GitHub提供基于OKLCH色彩空间的Web项目颜色处理方案，涵盖格式转换、调色板生成、对比度检查及Tailwind集成，确保感知均匀性与语义化设计。
Install All Skills
npx skills add jakubkrehel/skills --all -g -y
Skills in Collection (7)
提供基于OKLCH色彩空间的Web项目颜色处理方案，涵盖格式转换、调色板生成、对比度检查及Tailwind集成，确保感知均匀性与语义化设计。
oklch转换
调色板生成
对比度检查
色域边界处理
Tailwind主题配置
npx skills add jakubkrehel/skills --skill better-colors -g -y
协调多个专项技能对界面进行跨学科的整体审查，按优先级整合无障碍、布局、文案等维度的发现，输出统一的高优问题报告。
显式调用 better-interface
执行全量界面审查
请求整体 UI 审计
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
microcopy
interface copy
product copy
copywriting
button labels
link text
error messages
empty states
placeholder text
settings labels
capitalization
title case
sentence case
voice and tone
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排版优化的技能，涵盖字体选择、变量字体配置、类型比例设置、文本换行与截断及无障碍对比度检查。指导在构建或审查前端代码时应用排版原则，确保文本渲染舒适且符合规范。
字体选择与配对
变量字体与OpenType特性配置
类型比例与标题层级设置
文本换行、截断与标点处理
文本样式与无障碍对比度审查
npx skills add jakubkrehel/skills --skill better-typography -g -y
