Agent Skills
› jakubkrehel/skills
jakubkrehel/skills
GitHub指导前端代码审查与开发以符合无障碍标准，强调优先使用原生元素、确保键盘导航及屏幕阅读器支持。
Install All Skills
npx skills add jakubkrehel/skills --all -g -y
Skills in Collection (11)
指导前端代码审查与开发以符合无障碍标准，强调优先使用原生元素、确保键盘导航及屏幕阅读器支持。
需要检查或提升前端界面无障碍性
进行涉及交互和视觉的UI代码审查
npx skills add jakubkrehel/skills --skill better-accessibility -g -y
协助构建项目色彩系统，生成色板、语义令牌及格式转换。强调基于角色命名、验证对比度，确保色彩一致性与设计规范对齐，避免孤立取值导致的视觉错误。
需要设计或调整项目的色彩系统
检查颜色对比度或进行颜色格式转换
定义语义化颜色令牌
npx skills add jakubkrehel/skills --skill better-colors -g -y
整合多个专项技能对界面进行跨学科审查，涵盖无障碍、布局、文案、排版及色彩等。负责编排调度、确定范围并汇总证据形成最终评级结论，而非直接执行具体领域的检查规则。
需要全面评估用户界面质量
请求对屏幕或功能流程进行UI/UX综合审查
npx skills add jakubkrehel/skills --skill better-interface -g -y
提供前端界面布局优化指导，涵盖分组、对齐、阅读顺序及渐进式披露等原则。旨在通过合理的间距与层级设计提升用户体验和视觉结构。
需要优化界面排版
调整元素间距和对齐方式
处理响应式或RTL布局问题
npx skills add jakubkrehel/skills --skill better-layout -g -y
提供前端排版优化指南，涵盖字体缩放、间距、变量字体及OpenType特性，规范CSS属性使用与字体加载策略，确保跨产品文本渲染质量。
需要优化网页或应用中的文本排版效果
审查CSS样式中的字体和间距设置
配置变量字体或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
对指定UI组件进行压力测试，通过构建隔离页面渲染多种极端场景（如长文本、空状态），以视觉报告形式直观展示组件在不同数据下的表现与潜在断裂点。
需要验证UI组件在极端数据或状态下的健壮性
希望快速生成组件多状态的可视化对比报告
npx skills add jakubkrehel/skills --skill break -g -y
分析网页界面的构建方式，包括前端技术栈或具体视觉效果的实现层。通过浏览器或源码抓取证据，解释框架、样式及渲染细节，旨在阐明而非评判。
询问网站如何构建
分析特定界面效果的技术实现
npx skills add jakubkrehel/skills --skill explain-interface -g -y
审查代码变更对界面、可访问性等的影响，解析变更范围并生成详细分析报告。
用户要求审查特定PR或分支的界面变更
检测到工作区有未提交的界面相关修改
npx skills add jakubkrehel/skills --skill interface-review -g -y
为单个UI组件生成三个基于不同核心维度（如结构、密度、排版等）的变体，帮助迭代并选择最佳方案。要求满足无障碍标准，确保变体具有实质性差异而非仅颜色微调。
需要对比多个UI设计方案
生成组件的不同视觉或布局版本
进行前端界面迭代优化
npx skills add jakubkrehel/skills --skill variant -g -y
