Agent Skills
› jakubkrehel/skills
jakubkrehel/skills
GitHub指导前端项目遵循无障碍标准，强调优先使用原生元素、可见焦点环、完整键盘支持及合理点击区域，避免滥用 ARIA。
Install All Skills
npx skills add jakubkrehel/skills --all -g -y
Skills in Collection (11)
指导前端项目遵循无障碍标准，强调优先使用原生元素、可见焦点环、完整键盘支持及合理点击区域，避免滥用 ARIA。
检查或修复前端界面的无障碍合规性
评估组件的键盘导航与屏幕阅读器兼容性
npx skills add jakubkrehel/skills --skill better-accessibility -g -y
协助构建项目色彩系统，生成调色板、管理语义化Token、格式转换及对比度检查。强调复用现有规范，基于角色定义步骤，确保色彩一致性、可访问性及主题切换能力，提供精确的色彩计算与验证指导。
需要建立或优化项目的色彩系统设计
询问关于颜色选择、对比度检查或色值转换的问题
需要将色彩值转换为特定格式或应用语义化命名
npx skills add jakubkrehel/skills --skill better-colors -g -y
该技能作为界面审查的编排器，协调多个专项技能（如无障碍、布局、色彩等）进行跨学科评审。它负责整合证据、确定范围并生成综合评级结论，确保基于事实而非主观偏好进行UI/UX质量评估。
需要全面评估用户界面的可用性和美观性
请求对特定屏幕、流程或功能进行多领域交叉审查
npx skills add jakubkrehel/skills --skill better-interface -g -y
提供前端布局规范，涵盖分组、对齐、阅读顺序及渐进式披露等原则，通过间距和结构优化提升界面层次与可读性。
调整UI组件间距
优化页面排版结构
处理RTL语言适配
npx skills add jakubkrehel/skills --skill better-layout -g -y
专注提升产品排版质量的技能，涵盖字体比例、间距、可变字体及OpenType特性等细节，确保文本渲染与换行体验优秀。
需要优化页面文字可读性与美观度
审查或修复字体加载、换行截断及样式规范问题
npx skills add jakubkrehel/skills --skill better-typography -g -y
提供UI细节打磨指南，涵盖圆角、光学对齐、阴影、动画及图标规范，确保界面视觉一致性与交互流畅性。
UI视觉优化
前端样式审查
动画效果调整
npx skills add jakubkrehel/skills --skill better-ui -g -y
指导产品界面文案写作，强调清晰、一致与直接面向用户。涵盖语调选择、用词规范、按钮命名及多步流程词汇一致性，旨在提升用户体验并降低翻译风险。
需要撰写或优化产品界面文案
审查现有UI文本的清晰度与一致性
制定内容风格指南
npx skills add jakubkrehel/skills --skill better-writing -g -y
通过构建临时页面，使用不同 Props 和极端场景渲染单个组件，以可视化方式检测其在内容最坏情况下的表现与缺陷。
需要测试前端组件在极端数据或状态下的鲁棒性
需要对 UI 组件进行视觉层面的压力测试而非逻辑调试
npx skills add jakubkrehel/skills --skill break -g -y
用于解析网页界面构建方式，区分站点整体架构与单一特效层析。支持通过浏览器或源码抓取证据，分析框架、样式及渲染细节。
询问网站如何构建
分析特定界面效果的技术实现
npx skills add jakubkrehel/skills --skill explain-interface -g -y
审查代码变更对界面（UI、排版、布局等）的影响，解析变更范围并分析差异，提供详细改进建议。
需要审查代码变更对界面元素的影响
请求对特定PR或分支进行界面质量评估
npx skills add jakubkrehel/skills --skill interface-review -g -y
该技能用于为单个UI组件构建三个有目的差异的变体，帮助用户通过选择器迭代并挑选最佳方案。它基于结构、密度、强调等单一轴生成候选项，而非简单调整颜色，确保变体具备可交付质量且符合无障碍标准。
需要对比不同UI设计方案
希望从多个变体中选出最优界面
进行前端组件设计迭代
npx skills add jakubkrehel/skills --skill variant -g -y
