Skill 资源库

AI Skill 资源库

把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。

personjakexiao无需 Key

construct

构建3种可视化编程技能,用于快速原型设计和2D游戏开发。

download11deployed_codestar458
personjakexiao无需 Key

blog-chart

生成适合暗模式的内联SVG数据可视化图表,适用于博客文章。支持水平条形图、分组条形图、甜甜圈图、折线图、棒棒糖图、面积图和雷达图,并能自动检测平台(HTML与JSX/MDX)。确保图表类型的多样性、可访问性标记(role=img, aria-label)、来源归属以及透明背景。当用户说“博客图表”、“生成图表”、“数据可视化”、“SVG图表”、“博客图形”、“可视化数据”,或者博客写作流程识别出值…

download11deployed_codestar267
personjakexiao无需 Key

ux-researcher-designer

面向高级UX设计师/研究员的用户体验研究和设计工具包,包括数据驱动的角色生成、旅程图绘制、可用性测试框架以及研究综合。用于用户研究、角色创建、旅程图绘制和设计验证。

download11deployed_codestar221
personjakexiao无需 Key

frontend-component

Next.js 16+ 默认使用带有服务器组件的App Router。只有在需要交互性(如hooks、事件处理器、浏览器API)时才会使用客户端组件。

download11deployed_codestar221
personjakexiao无需 Key

frontend-nextjs-app-router

在处理Next.js App Router任务时使用 - 在/app/中创建页面,设置动态路由([id]/page.tsx),实现嵌套布局/模板(layout.tsx),优化服务器/客户端组件,或构建基于ERP角色的页面(管理员/教师/学生仪表板)。自动用于所有/app/目录操作、动态路由和App Router特定功能。

download11deployed_codestar221
personjakexiao无需 Key

shadcn-ui-patterns

在构建UI组件时使用。强制执行ShadCN UI模式、无障碍标准(Radix UI)以及截至2025年11月的TailwindCSS最佳实践。

download11deployed_codestar221
personjakexiao无需 Key

glsl

GLSL着色器编程技能,适用于OpenGL/Vulkan,包括片段着色器和顶点着色器。

download11deployed_codestar458
personjakexiao无需 Key

shadcn

shadcn/ui 组件模式、自定义、主题和集成。

download11deployed_codestar457
personjakexiao无需 Key

rxjs-patterns-for-angular

在Angular中实现RxJS模式以进行响应式编程。在处理Observables、操作符、订阅、异步数据流和错误处理时使用此技能。涵盖常见的模式,如combineLatest、switchMap、debounceTime、catchError、重试逻辑,以及使用toSignal()和toObservable()与Angular Signals集成。通过takeUntilDestroyed()确保正…

download11deployed_codestar220
personjakexiao无需 Key

empathy-ledger-dev

在以下情况下调用此技能:- 开始处理任何Empathy Ledger功能时 - 需要快速参考项目模式时

download11deployed_codestar220
personjakexiao无需 Key

animated-focus

本文档总结了在解决浮动组件(如选择框、下拉菜单、弹出框)具有CSS开/关动画时键盘导航问题的经验。

download11deployed_codestar221
personjakexiao无需 Key

pitfalls-tanstack-query

TanStack Query v5的模式和常见陷阱。在实现数据获取、缓存失效或调试陈旧数据问题时使用。触发条件:useQuery, useMutation, queryKey, invalidate, TanStack, React Query。

download11deployed_codestar221
personjakexiao无需 Key

scoop-ui-refactor

针对Scoop新闻平台的项目特定UI重构工作流程,位于/home/bender/classwork/Thesis。在更新Scoop前端布局、全球用户体验、研究工作区和品牌文档时使用,同时保留所有功能并在UI、日志和文档中强制执行无表情符号政策。

download11deployed_codestar221
personjakexiao无需 Key

vue-development

使用Composition API、响应式系统、组件模式、TypeScript集成以及最佳实践进行Vue 3开发。

download11deployed_codestar457
personjakexiao无需 Key

email-handler

使用React Email创建并发送事务性邮件。涵盖模板、布局集成和发送逻辑。

download11deployed_codestar220
personjakexiao无需 Key

senior-frontend

全面的前端开发技能,用于使用ReactJS、NextJS、TypeScript、Tailwind CSS构建现代、高性能的Web应用程序。包括组件脚手架搭建、性能优化、打包分析和UI最佳实践。在开发前端功能、优化性能、实现UI/UX设计、管理状态或审查前端代码时使用。

download11deployed_codestar221
personjakexiao无需 Key

frontend-types

所有TypeScript类型都在`frontend/types/index.ts`中定义。这些类型与后端API响应结构相匹配,为前端应用程序提供了类型安全。

download11deployed_codestar221
personjakexiao无需 Key

auth-integration

在实现身份验证时使用 - 登录/注册表单、会话管理、受保护的路由或基于角色的访问控制。不用于非身份验证UI、纯数据获取或无关后端逻辑。触发词:"登录页面","注册表单","身份验证设置","受保护的路由","基于角色的访问","Better Auth","NextAuth"。

download11deployed_codestar221
personjakexiao无需 Key

combat-ui-pattern-a

为SHINOBI WAY游戏实现分割面板战斗界面(模式A)。当用户希望创建水平对峙的战斗布局、角色面板、动作停靠栏、阶段标题、VS分隔符或模式A战斗界面系统中的任何组件时使用。按照既定架构指导组件创建。

download11deployed_codestar221