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应用测试、登录自动化及数据采集场景。
打开网站或导航到URL
填写表单并提交
点击按钮或选择下拉选项
截取网页截图或生成PDF
从页面提取数据或文本
测试Web应用功能
模拟用户登录网站
npx skills add shanraisshan/claude-code-best-practice --skill agent-browser -g -y
提供HTML演示文稿的结构规范，涵盖幻灯片格式、旅程栏等级系统、导航逻辑及重新编号规则，用于维护presentation/index.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
传授从随意编码到智能体工程的演进框架，涵盖核心概念、四级旅程系统及 TodoApp 示例，指导开发者构建结构化工程体系。
理解 AI 辅助开发最佳实践
学习如何结构化使用 Claude Code
npx skills add shanraisshan/claude-code-best-practice --skill vibe-to-agentic-framework -g -y
用于获取并显示巴基斯坦标准时间（PKT）的实用技能，支持日期与24小时制时间输出。
用户询问当前时间
用户询问巴基斯坦时间
用户询问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摘要，写入指定工作流目录。
需要生成天气可视化图表
更新工作流输出文件
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
