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的浏览器自动化工具，支持导航、表单填写、截图及数据提取。适用于网页交互、自动化测试、登录认证及数据采集等场景，提供标准化的快照与交互工作流。
需要打开或导航到网站
需要填写表单或点击按钮
需要截取网页屏幕截图
需要从页面提取或抓取数据
需要测试Web应用程序
需要模拟用户登录网站
npx skills add shanraisshan/claude-code-best-practice --skill agent-browser -g -y
提供单文件HTML演示文稿的结构规范，涵盖幻灯片格式、层级系统、导航逻辑及重新编号规则，确保内容组织与交互一致性。
询问演示文稿结构
需要修改或新增幻灯片
npx skills add shanraisshan/claude-code-best-practice --skill presentation-structure -g -y
提供演示文稿的 CSS 类、HTML 组件模式及代码高亮语法规范，用于统一幻灯片样式与结构。
询问演示文稿样式规范
需要生成符合规范的幻灯片 HTML
npx skills add shanraisshan/claude-code-best-practice --skill presentation-styling -g -y
阐述从无序Vibe Coding向结构化Agentic Engineering演进的概念框架，定义四级能力阶梯与核心实践，指导开发者通过CLAUDE.md、Skills等配置实现高质量代码生产。
理解AI辅助开发范式演进
规划Claude Code最佳实践路径
npx skills add shanraisshan/claude-code-best-practice --skill vibe-to-agentic-framework -g -y
用于显示巴基斯坦标准时间（PKT）的实用技能，支持查询当前时间及特定地区时间需求。
用户询问当前时间
用户询问巴基斯坦时间或PKT
npx skills add shanraisshan/claude-code-best-practice --skill time-skill -g -y
用于通过 Open-Meteo API 获取迪拜当前气温数据。支持指定摄氏度或华氏度，调用 WebFetch 工具提取 JSON 响应中的温度值并返回结果。
用户询问迪拜当前天气
需要获取特定地点的气温数据
npx skills add shanraisshan/claude-code-best-practice --skill weather-fetcher -g -y
根据传入的气温数据生成迪拜天气SVG卡片，并输出包含可视化图片和Markdown摘要的文件。
需要生成特定地点的天气可视化图表
需要将气温数据转换为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
