Agent Skills
› shanraisshan/claude-code-best-practice
shanraisshan/claude-code-best-practice
GitHub提供浏览器自动化CLI工具，支持AI代理执行网页导航、表单填写、按钮点击、截图及数据提取等任务。
Install All Skills
npx skills add shanraisshan/claude-code-best-practice --all -g -y
Skills in Collection (9)
提供浏览器自动化CLI工具，支持AI代理执行网页导航、表单填写、按钮点击、截图及数据提取等任务。
open a website
fill out a form
click a button
take a screenshot
scrape data from a page
test this web app
login to a site
automate browser actions
npx skills add shanraisshan/claude-code-best-practice --skill agent-browser -g -y
定义presentation/index.html演示文稿的结构规范，包括幻灯片格式、旅程栏等级系统、导航逻辑及重新编号规则，确保内容层级与交互一致。
修改演示文稿HTML结构
调整幻灯片顺序或数量
更新导航链接或等级属性
npx skills add shanraisshan/claude-code-best-practice --skill presentation-structure -g -y
提供演示文稿的CSS类、HTML组件模式及代码高亮规范，用于统一前端展示样式。
编写或修改演示文稿HTML结构
应用特定的CSS样式类
配置代码块语法高亮
npx skills add shanraisshan/claude-code-best-practice --skill presentation-styling -g -y
讲解从无序的Vibe Coding演进到结构化Agentic Engineering的概念框架，通过四级旅程模型指导开发者逐步建立工程规范与自动化体系。
需要理解Claude Code最佳实践演进路径
咨询如何提升代码工程化水平
npx skills add shanraisshan/claude-code-best-practice --skill vibe-to-agentic-framework -g -y
显示巴基斯坦标准时间（PKT），当用户询问当前时间或巴基斯坦时间时触发。
用户询问当前时间
用户询问巴基斯坦时间
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卡片，并将SVG文件和Markdown摘要写入指定工作流目录。
需要生成天气可视化图片
任务包含创建SVG文件
npx skills add shanraisshan/claude-code-best-practice --skill weather-svg-creator -g -y
获取迪拜当前时间的工具，通过bash命令查询Asia/Dubai时区时间，支持返回具体时间、时区信息及格式化字符串。
需要获取迪拜当地时间
处理与迪拜相关的时区转换
npx skills add shanraisshan/claude-code-best-practice --skill time-fetcher -g -y
根据传入的时间数据生成迪拜时间的SVG卡片，并输出SVG文件及Markdown摘要。
需要生成特定地区时间可视化卡片
需要将时间数据转换为SVG格式
npx skills add shanraisshan/claude-code-best-practice --skill time-svg-creator -g -y
