Agent Skills
› shanraisshan/claude-code-best-practice
shanraisshan/claude-code-best-practice
GitHub提供浏览器自动化 CLI，支持网页导航、表单填写、截图及数据提取。适用于测试 Web 应用、登录站点或程序化执行浏览器操作等场景。
Install All Skills
npx skills add shanraisshan/claude-code-best-practice --all -g -y
Skills in Collection (9)
提供浏览器自动化 CLI，支持网页导航、表单填写、截图及数据提取。适用于测试 Web 应用、登录站点或程序化执行浏览器操作等场景。
需要打开网站或导航页面
填写表单或点击按钮
截取网页屏幕截图
从网页提取数据
测试 Web 应用功能
npx skills add shanraisshan/claude-code-best-practice --skill agent-browser -g -y
提供HTML演示文稿的结构规范，涵盖幻灯片格式、旅程进度条层级系统、导航逻辑及重新编号规则，确保内容组织与交互一致性。
需要创建或修改presentation/index.html中的幻灯片结构
涉及演示文稿的章节划分、层级过渡或导航链接更新
npx skills add shanraisshan/claude-code-best-practice --skill presentation-structure -g -y
提供演示文稿HTML/CSS样式规范，定义布局、内容块、列表及代码高亮组件类，并给出幻灯片结构示例，确保视觉一致性与语法着色正确。
编写或修改演示文稿HTML结构
应用CSS样式类实现特定UI组件
在演示文稿中插入带语法高亮的代码片段
npx skills add shanraisshan/claude-code-best-practice --skill presentation-styling -g -y
传授从无序编码到智能体工程的演进框架，通过四级体系展示如何构建结构化、可复用的开发流程，实现高质量代码生产。
需要理解 AI 辅助开发的进阶方法论
希望建立结构化的工程实践体系
npx skills add shanraisshan/claude-code-best-practice --skill vibe-to-agentic-framework -g -y
该技能用于在巴基斯坦标准时间（PKT）下显示当前日期和时间。通过执行特定bash命令获取系统时间，并按指定格式输出结果，满足用户查询巴基斯坦时区时间的请求。
询问当前时间
询问巴基斯坦时间
询问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卡片及Markdown摘要。该技能通过替换模板占位符创建自包含的SVG文件，并输出到指定工作流目录，用于可视化展示当前天气信息。
需要生成天气可视化卡片
需要将温度数据转换为SVG和Markdown报告
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卡片及Markdown摘要，并写入指定输出目录。
需要生成特定地区的时间可视化卡片
根据给定时间数据创建SVG图形文件
npx skills add shanraisshan/claude-code-best-practice --skill time-svg-creator -g -y
