Agent Skills
› shanraisshan/claude-code-best-practice
shanraisshan/claude-code-best-practice
GitHub用于AI代理的浏览器自动化CLI工具，支持网页导航、表单填写、截图及数据提取。适用于需要程序化操作网站或测试Web应用的场景。
Install All Skills
npx skills add shanraisshan/claude-code-best-practice --all -g -y
Skills in Collection (9)
用于AI代理的浏览器自动化CLI工具，支持网页导航、表单填写、截图及数据提取。适用于需要程序化操作网站或测试Web应用的场景。
打开网站
填写表单
点击按钮
截取屏幕快照
从页面抓取数据
测试Web应用
登录网站
npx skills add shanraisshan/claude-code-best-practice --skill agent-browser -g -y
定义HTML演示文稿的结构规范，涵盖幻灯片格式、层级系统、导航逻辑及重编号规则，确保内容组织与交互一致性。
需要构建或修改基于HTML的演示文稿结构
调整演示文稿的章节划分、层级状态或导航链接
npx skills add shanraisshan/claude-code-best-practice --skill presentation-structure -g -y
提供演示文稿 HTML 结构的 CSS 类定义、组件模式及代码块语法高亮规范，辅助生成标准化的幻灯片内容。
编写或修改演示文稿 HTML 结构
需要遵循特定样式规范创建幻灯片
npx skills add shanraisshan/claude-code-best-practice --skill presentation-styling -g -y
传授从无序Vibe Coding到结构化Agentic Engineering的概念框架，通过4级旅程系统展示如何逐步建立工程规范、自动化与多智能体协作，提升代码质量。
需要理解AI辅助开发的演进路径
学习如何构建结构化的AI工程工作流
咨询Claude Code最佳实践与配置方法
npx skills add shanraisshan/claude-code-best-practice --skill vibe-to-agentic-framework -g -y
获取并显示巴基斯坦标准时间（PKT，UTC+5）的当前日期和时间。当用户询问当前时间或巴基斯坦时间时触发。
询问当前时间
询问巴基斯坦时间
npx skills add shanraisshan/claude-code-best-practice --skill time-skill -g -y
用于获取迪拜当前气温的Skill，支持通过Open-Meteo API以摄氏度或华氏度查询。
用户询问迪拜天气
需要获取特定地点气温
npx skills add shanraisshan/claude-code-best-practice --skill weather-fetcher -g -y
根据传入的温度数据，利用模板生成迪拜天气SVG卡片及Markdown摘要，并将结果写入指定工作流目录。
需要生成特定地点的天气可视化卡片
需要将温度数据转换为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摘要，严格使用提供的时间值，不进行重新计算或获取。
需要生成特定城市（如迪拜）的可视化时间卡片
需要将时间数据转换为SVG格式文件
npx skills add shanraisshan/claude-code-best-practice --skill time-svg-creator -g -y
