Agent Skills
› shanraisshan/claude-code-best-practice
shanraisshan/claude-code-best-practice
GitHub用于AI智能体自动化浏览器操作的CLI工具，支持页面导航、表单填写、截图及数据提取。适用于测试Web应用、登录网站或程序化抓取网页内容等场景。
安装全部 Skills
npx skills add shanraisshan/claude-code-best-practice --all -g -y
集合内 Skills (9)
用于AI智能体自动化浏览器操作的CLI工具，支持页面导航、表单填写、截图及数据提取。适用于测试Web应用、登录网站或程序化抓取网页内容等场景。
打开网站
填写表单
点击按钮
截取屏幕快照
从页面抓取数据
测试Web应用
自动执行浏览器操作
npx skills add shanraisshan/claude-code-best-practice --skill agent-browser -g -y
提供presentation/index.html单文件HTML演示文稿的结构规范，涵盖幻灯片格式、四级旅程进度条系统、导航逻辑及重新编号规则，指导内容维护与版本迭代。
需要理解或修改演示文稿HTML结构
调整幻灯片顺序或添加新章节
配置旅程进度条级别
npx skills add shanraisshan/claude-code-best-practice --skill presentation-structure -g -y
提供演示文稿的CSS类、HTML组件模式及代码块语法高亮规范，指导如何构建包含布局、内容块、列表和标签的幻灯片结构。
需要创建或修改演示文稿幻灯片
询问演示文稿中的CSS样式用法
需要实现代码块语法高亮
npx skills add shanraisshan/claude-code-best-practice --skill presentation-styling -g -y
阐述从随意编码到智能体工程的演进框架，定义核心概念、四级成熟度模型及项目示例，用于指导开发实践。
解释Vibe Coding与Agentic Engineering的区别
查询智能体工程成熟度等级
npx skills add shanraisshan/claude-code-best-practice --skill vibe-to-agentic-framework -g -y
用于显示巴基斯坦标准时间（PKT）的当前日期和时间的技能。当用户询问当前时间或巴基斯坦时间时触发，通过执行特定bash命令获取并格式化输出结果。
询问当前时间
询问巴基斯坦时间
npx skills add shanraisshan/claude-code-best-practice --skill time-skill -g -y
提供获取迪拜当前气温数据的指令，支持通过Open-Meteo API以摄氏度或华氏度查询。
用户询问迪拜天气
需要获取特定地点实时温度
npx skills add shanraisshan/claude-code-best-practice --skill weather-fetcher -g -y
根据传入的温度数据生成迪拜天气SVG卡片，并输出至指定工作流目录。
需要生成天气可视化图表
工作流中涉及天气数据展示
npx skills add shanraisshan/claude-code-best-practice --skill weather-svg-creator -g -y
通过bash命令获取迪拜当前时间，支持指定时区格式与字段提取，适用于需要统一时间源或跨时区协调的场景。
用户询问迪拜当前时间
需要获取特定地区标准时间用于日志或调度
npx skills add shanraisshan/claude-code-best-practice --skill time-fetcher -g -y
根据传入的时间数据生成迪拜时区的可视化SVG时间卡片，并输出SVG文件及Markdown摘要。
需要生成特定地区时间卡片
需要将时间信息转化为可视化图形
npx skills add shanraisshan/claude-code-best-practice --skill time-svg-creator -g -y
