Agent Skills
› jakubkrehel/skills
jakubkrehel/skills
GitHub提供界面无障碍工程指南，涵盖原生元素优先、键盘导航、焦点管理及点击区域等标准。用于构建或审查UI组件时解决键盘和屏幕阅读器兼容性问题。
Install All Skills
npx skills add jakubkrehel/skills --all -g -y
Skills in Collection (11)
提供界面无障碍工程指南，涵盖原生元素优先、键盘导航、焦点管理及点击区域等标准。用于构建或审查UI组件时解决键盘和屏幕阅读器兼容性问题。
用户报告键盘或屏幕阅读器问题
构建或审查UI组件和自定义控件
涉及WCAG、ARIA、焦点环、语义HTML等无障碍相关任务
npx skills add jakubkrehel/skills --skill better-accessibility -g -y
数字产品色彩系统指南，涵盖调色板创建、主题化及代码库审计。强调基于角色命名语义Token、保持色相一致性及使用oklch等现代格式，确保对比度与可访问性。
创建或扩展调色板
实现浅色/深色模式主题
审计代码库中的颜色值
生成颜色渐变或色阶
定义品牌色或状态色
npx skills add jakubkrehel/skills --skill better-colors -g -y
跨学科界面审查编排技能，将请求路由至各垂直领域技能收集证据，并整合生成统一、排名的最终评审结论。
holistic interface review
review the whole screen
npx skills add jakubkrehel/skills --skill better-interface -g -y
指导Web界面布局结构，涵盖间距、对齐、分组及响应式适配。用于构建或审查前端代码的视觉层级与空间关系，确保在不同尺寸和RTL环境下保持结构清晰。
构建页面或组件的布局结构
审查前端代码中的间距和对齐问题
处理响应式断点或容器查询
npx skills add jakubkrehel/skills --skill better-layout -g -y
提供 Web 排版最佳实践，涵盖字体选择、变量字体加载、类型比例设定及文本样式控制。指导开发者解决换行、截断等问题，确保跨设备文本渲染质量与可读性。
Web 排版设计
字体加载与格式优化
类型比例与层级设置
文本样式调整
npx skills add jakubkrehel/skills --skill better-typography -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
对单个组件进行视觉破坏性测试，通过渲染其在各种真实场景下的状态来生成报告，识别内容极端情况下的显示问题。
需要检查组件在不同状态下的视觉表现
验证组件在极端数据或边界条件下的健壮性
npx skills add jakubkrehel/skills --skill break -g -y
分析前端界面构建细节，支持通过URL或截图解析特定效果或整体架构。解释样式层、渲染策略及实现技术，而非进行代码审查。
询问界面某特效的实现方式
请求解析网站前端技术栈
npx skills add jakubkrehel/skills --skill explain-interface -g -y
审查代码变更对接口/表面的影响，而非整体正确性。自动解析PR、分支或工作区范围，对比Diff前后状态，识别界面质量缺陷并排除无关文件。
用户请求审查Pull Request
用户请求审查当前未提交更改
用户请求审查当前分支差异
npx skills add jakubkrehel/skills --skill interface-review -g -y
该技能用于为单个 UI 组件生成三个在结构、密度或排版等特定维度上存在本质差异的变体，通过前端选择器供用户对比并选出最优方案，而非进行静态审查。
需要对比多个 UI 设计方案
生成不同布局或风格的 UI 组件变体
npx skills add jakubkrehel/skills --skill variant -g -y
