construct
构建3种可视化编程技能,用于快速原型设计和2D游戏开发。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
构建3种可视化编程技能,用于快速原型设计和2D游戏开发。
Unity Shader Graph技能,用于可视化着色器创作、自定义节点和材质效果。
生成适合暗模式的内联SVG数据可视化图表,适用于博客文章。支持水平条形图、分组条形图、甜甜圈图、折线图、棒棒糖图、面积图和雷达图,并能自动检测平台(HTML与JSX/MDX)。确保图表类型的多样性、可访问性标记(role=img, aria-label)、来源归属以及透明背景。当用户说“博客图表”、“生成图表”、“数据可视化”、“SVG图表”、“博客图形”、“可视化数据”,或者博客写作流程识别出值…
使用shadcn和tweakcn管理和更新应用程序主题。
面向高级UX设计师/研究员的用户体验研究和设计工具包,包括数据驱动的角色生成、旅程图绘制、可用性测试框架以及研究综合。用于用户研究、角色创建、旅程图绘制和设计验证。
Next.js 16+ 默认使用带有服务器组件的App Router。只有在需要交互性(如hooks、事件处理器、浏览器API)时才会使用客户端组件。
在处理Next.js App Router任务时使用 - 在/app/中创建页面,设置动态路由([id]/page.tsx),实现嵌套布局/模板(layout.tsx),优化服务器/客户端组件,或构建基于ERP角色的页面(管理员/教师/学生仪表板)。自动用于所有/app/目录操作、动态路由和App Router特定功能。
在构建UI组件时使用。强制执行ShadCN UI模式、无障碍标准(Radix UI)以及截至2025年11月的TailwindCSS最佳实践。
GLSL着色器编程技能,适用于OpenGL/Vulkan,包括片段着色器和顶点着色器。
shadcn/ui 组件模式、自定义、主题和集成。
在Angular中实现RxJS模式以进行响应式编程。在处理Observables、操作符、订阅、异步数据流和错误处理时使用此技能。涵盖常见的模式,如combineLatest、switchMap、debounceTime、catchError、重试逻辑,以及使用toSignal()和toObservable()与Angular Signals集成。通过takeUntilDestroyed()确保正…
在以下情况下调用此技能:- 开始处理任何Empathy Ledger功能时 - 需要快速参考项目模式时
本文档总结了在解决浮动组件(如选择框、下拉菜单、弹出框)具有CSS开/关动画时键盘导航问题的经验。
Angular 21+ 独立组件/Material/信号约定用于Perigon Web应用
TanStack Query v5的模式和常见陷阱。在实现数据获取、缓存失效或调试陈旧数据问题时使用。触发条件:useQuery, useMutation, queryKey, invalidate, TanStack, React Query。
针对Scoop新闻平台的项目特定UI重构工作流程,位于/home/bender/classwork/Thesis。在更新Scoop前端布局、全球用户体验、研究工作区和品牌文档时使用,同时保留所有功能并在UI、日志和文档中强制执行无表情符号政策。
Unity Cinemachine技能,用于虚拟摄像机、程序化摄像机控制和电影序列。
使用Composition API、响应式系统、组件模式、TypeScript集成以及最佳实践进行Vue 3开发。
使用React Email创建并发送事务性邮件。涵盖模板、布局集成和发送逻辑。
全面的前端开发技能,用于使用ReactJS、NextJS、TypeScript、Tailwind CSS构建现代、高性能的Web应用程序。包括组件脚手架搭建、性能优化、打包分析和UI最佳实践。在开发前端功能、优化性能、实现UI/UX设计、管理状态或审查前端代码时使用。
所有TypeScript类型都在`frontend/types/index.ts`中定义。这些类型与后端API响应结构相匹配,为前端应用程序提供了类型安全。
在实现身份验证时使用 - 登录/注册表单、会话管理、受保护的路由或基于角色的访问控制。不用于非身份验证UI、纯数据获取或无关后端逻辑。触发词:"登录页面","注册表单","身份验证设置","受保护的路由","基于角色的访问","Better Auth","NextAuth"。
Next.js 15 应用路由模式和最佳实践。
为SHINOBI WAY游戏实现分割面板战斗界面(模式A)。当用户希望创建水平对峙的战斗布局、角色面板、动作停靠栏、阶段标题、VS分隔符或模式A战斗界面系统中的任何组件时使用。按照既定架构指导组件创建。