Agent Skills
› shanraisshan/claude-code-best-practice
shanraisshan/claude-code-best-practice
GitHub提供浏览器自动化CLI工具，支持导航、表单填写、截图及数据提取。适用于需要程序化与网站交互的场景，如自动测试、登录或爬取信息。
Install All Skills
npx skills add shanraisshan/claude-code-best-practice --all -g -y
Skills in Collection (9)
提供浏览器自动化CLI工具，支持导航、表单填写、截图及数据提取。适用于需要程序化与网站交互的场景，如自动测试、登录或爬取信息。
open a website
fill out a form
take a screenshot
scrape data from a page
test this web app
npx skills add shanraisshan/claude-code-best-practice --skill agent-browser -g -y
提供HTML演示文稿的结构规范，涵盖幻灯片格式、旅程栏层级系统及导航逻辑。指导如何正确设置data-slide和data-level属性，以及维护TOC链接和重编号规则，确保演示文稿结构一致性和交互功能正常。
需要创建或修改演示文稿幻灯片结构时
检查或修复演示文稿的导航和层级显示问题时
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，UTC+5）的当前日期和时间。通过执行特定时区的bash命令获取结果，并按指定格式简洁输出，不包含额外评论。
用户询问当前时间
用户询问巴基斯坦时间或PKT
npx skills add shanraisshan/claude-code-best-practice --skill time-skill -g -y
获取迪拜当前气温数据。通过WebFetch调用Open-Meteo API，解析JSON响应提取温度值与单位，并按指定格式返回摄氏或华氏度结果。
查询迪拜天气
获取特定地点气温
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
