微信扫一扫personjakexiao无需 Key
frontend-component
Next.js 16+ 默认使用带有服务器组件的App Router。只有在需要交互性（如hooks、事件处理器、浏览器API）时才会使用客户端组件。
download11deployed_code—star221
Skill 资源库
AI Skill 资源库
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
personjakexiao无需 Key
auth-integration
在实现身份验证时使用 - 登录/注册表单、会话管理、受保护的路由或基于角色的访问控制。不用于非身份验证UI、纯数据获取或无关后端逻辑。触发词："登录页面"，"注册表单"，"身份验证设置"，"受保护的路由"，"基于角色的访问"，"Better Auth"，"NextAuth"。
download11deployed_code—star221
personjakexiao无需 Key
nextjs-15-patterns
Next.js 15 应用路由模式和最佳实践。
download11deployed_code—star221
personjakexiao无需 Key
combat-ui-pattern-a
为SHINOBI WAY游戏实现分割面板战斗界面（模式A）。当用户希望创建水平对峙的战斗布局、角色面板、动作停靠栏、阶段标题、VS分隔符或模式A战斗界面系统中的任何组件时使用。按照既定架构指导组件创建。
download11deployed_code—star221
personjakexiao无需 Key
graphql-schema
GraphQL查询、变更以及代码生成模式。在创建GraphQL操作、使用Apollo Client或生成类型时使用。
download11deployed_code—star221
personjakexiao无需 Key
rn-state-flows
在React Native中进行复杂的多步骤操作。当实现包含多个异步步骤、状态机模式或调试流程顺序问题时使用。
download11deployed_code—star221
personjakexiao无需 Key
rn-zustand-patterns
Zustand状态管理模式适用于React Native。在使用Zustand存储、调试状态时序问题或在Zustand中实现异步操作时使用。
download11deployed_code—star221
personjakexiao无需 Key
web-styling
React Web应用程序的样式模式。在使用Tailwind CSS、CSS Modules、主题、响应式设计或组件样式时采用。
download11deployed_code—star221
personjakexiao无需 Key
perigon-angular
Angular 21+ 独立组件/Material/信号约定用于Perigon Web应用
download11deployed_code—star221
personjakexiao无需 Key
frontend-nextjs-app-router
在处理Next.js App Router任务时使用 - 在/app/中创建页面，设置动态路由（[id]/page.tsx），实现嵌套布局/模板（layout.tsx），优化服务器/客户端组件，或构建基于ERP角色的页面（管理员/教师/学生仪表板）。自动用于所有/app/目录操作、动态路由和App Router特定功能。
download11deployed_code—star221
personjakexiao无需 Key
shadcn-ui-patterns
在构建UI组件时使用。强制执行ShadCN UI模式、无障碍标准（Radix UI）以及截至2025年11月的TailwindCSS最佳实践。
download11deployed_code—star221
personjakexiao无需 Key
core-components
核心组件库和设计系统模式。在构建用户界面、使用设计令牌或与组件库工作时使用。
download11deployed_code—star221
personjakexiao无需 Key
react-zustand-patterns
Zustand状态管理模式适用于React。在使用Zustand存储、调试状态时间问题或实现异步操作时使用。同时支持React网页和React Native应用。
download11deployed_code—star221
personjakexiao无需 Key
react-performance
React Web应用程序的性能优化。在优化渲染、实现虚拟化、记忆组件或调试性能问题时使用。
download11deployed_code—star221
personjakexiao无需 Key
rn-styling
使用NativeWind和BrandColors为React Native设置样式模式。在处理样式、主题、颜色、响应式布局或Expo/React Native中的特定平台UI时使用。
download11deployed_code—star221
personjakexiao无需 Key
api-endpoint-creation
Next.js 15+ API 端点创建模式与 Supabase 和工作区验证
download11deployed_code—star221
personjakexiao无需 Key
swiftui-expert-skill
遵循最佳实践编写、审查或改进SwiftUI代码，包括状态管理、视图组合、性能优化、现代API、Swift并发以及iOS 26+ Liquid Glass的采用。在构建新的SwiftUI功能、重构现有视图、审查代码质量或采用现代SwiftUI模式时使用。
download11deployed_code—star221
personjakexiao无需 Key
pitfalls-tanstack-query
TanStack Query v5的模式和常见陷阱。在实现数据获取、缓存失效或调试陈旧数据问题时使用。触发条件：useQuery, useMutation, queryKey, invalidate, TanStack, React Query。
download11deployed_code—star221
personjakexiao无需 Key
scoop-ui-refactor
针对Scoop新闻平台的项目特定UI重构工作流程，位于/home/bender/classwork/Thesis。在更新Scoop前端布局、全球用户体验、研究工作区和品牌文档时使用，同时保留所有功能并在UI、日志和文档中强制执行无表情符号政策。
download11deployed_code—star221
personjakexiao无需 Key
formik-patterns
使用Formik进行表单处理，并带有验证模式。在构建表单、实现验证或处理表单提交时使用。
download11deployed_code—star221
personjakexiao无需 Key
react-state-flows
在React中进行复杂的多步骤操作。当实现包含多个异步步骤、状态机模式或调试流程顺序问题时使用。适用于React网页和React Native。
download11deployed_code—star221
personjakexiao无需 Key
rn-performance
React Native的性能优化。在优化列表、防止重新渲染、记忆组件或调试Expo/React Native应用中的性能问题时使用。
download11deployed_code—star221
personjakexiao无需 Key
web-navigation
React Web应用程序的导航和路由模式。在实现React Router、Next.js路由、深度链接或处理导航状态时使用。
download11deployed_code—star221
personjakexiao无需 Key
frontend-agent
负责Unite-Hub的前端/UX/路由工作。修复UI错误，实现React组件，更新布局，确保响应式设计，并保持shadcn/ui的一致性。
download11deployed_code—star221