SkillFeeder › 全部 Skill › 设计与视觉 › lesson-screen
在浏览器侧边实时展示课程图解、带真实值的代码追踪和可点击预测。
lesson-screen
lesson-screen 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 rohitg00/ai-engineering-from-scratch，★ 78,051。在浏览器侧边实时展示课程图解、带真实值的代码追踪和可点击预测。适合课程导师与学习者。场景是设计与视觉 · Figma/UI。能做的事包括实时同步终端教学步骤到浏览器画面、动态渲染课程专属图表（蓝图/机制/等轴测/3D）、点击交互自动记录事件供导师即时响应。打开 GitHub 自行安装。
能做什么
- 实时同步终端教学步骤到浏览器画面
- 动态渲染课程专属图表（蓝图/机制/等轴测/3D）
- 点击交互自动记录事件供导师即时响应
原文简介
Opens a lesson screen in the browser next to the terminal while a course tutor teaches. It shows the lesson's registered figures, code traces with real values, and clickable predictions. It also builds a figure for the lesson on the fly with the course figure skills and any figure skill the host has installed: a blueprint, a mechanism, an isometric machine, or a 3D model. Clicks return to the tuto
同场景推荐
- frontend-design所在仓库 anthropics/skills，仓库 ★ 190,432打造不落俗套的专属UI视觉方案，拒绝模板化默认样式。
- web-artifacts-builder所在仓库 anthropics/skills，仓库 ★ 190,432用 React + Tailwind + shadcn/ui 构建带状态和路由的 claude.ai 单文件 HTML 交互式前端产物
- frontend-ui-engineering所在仓库 addyosmani/agent-skills，仓库 ★ 114,402构建符合设计系统、无障碍、响应式的生产级前端界面
- apple-hig所在仓库 nexu-io/open-design，仓库 ★ 106,772生成符合苹果人机界面规范的跨平台设计文档与组件说明
- artifacts-builder所在仓库 nexu-io/open-design，仓库 ★ 106,772生成带交互组件的 Claude HTML 产物，含 React、Tailwind 和 shadcn/ui
- industrial-brutalist-ui所在仓库 nexu-io/open-design，仓库 ★ 106,772构建数据密集型仪表盘，呈现解密蓝图般的机械终端界面
- frontend-design所在仓库 bytedance/deer-flow，仓库 ★ 85,186生成高审美、可直接运行的前端界面，输出 index.html
- web-design-guidelines所在仓库 bytedance/deer-flow，仓库 ★ 85,186自动检查网页代码是否符合最新 Web 界面设计规范