Agent Skills Hub

overview

TraceMem 基础心智模型与操作规则，确保 AI 代理执行过程的安全、可稽核性与合规性。

modern-best-practice-nextjs

使用 Next.js App Router、服务器组件、Server Actions 及现代 React 最佳实践来构建高性能应用程序。

canvas

Claude Code 的交互式终端 UI 工具包。可在 tmux 窗格中生成并控制日历、文档及航班预订界面。

pix

一个自动化的 UI 实现代理，利用 Figma MCP 和浏览器渲染验证，将 Figma 设计转换为像素级精确的代码。

svelte-code-writer

用于 Svelte 5 文档查询与代码分析的 CLI 工具。通过实时文档检索与自动修复功能，优化 Svelte 组件的开发、调试与检查流程。

react-state-management

掌握现代 React 状态管理。学习使用 Redux Toolkit、Zustand、Jotai 和 React Query 来处理全局、服务器与本地状态。

seer

macOS 视觉自动化工具，提供精确窗口截图、录影、UI 标注、Excalidraw 线框图生成及自动化视觉回归测试。

roier-seo

AI 技术 SEO 审计工具，执行 Lighthouse/PageSpeed 测评并自动修复网站性能、无障碍网页与结构化数据等代码问题。

tailwindcss

TailwindCSS v4 模式库，提供基于 CSS 的配置、@theme 设计标记、@source 内容检测，以及用于高效前端工作流的现代 CSS 工具。

visual-testing-advanced

进阶视觉回归测试工具，具备像素级与AI辅助差异分析、跨浏览器验证及响应式设计检查，有效防止CI/CD流程中的UI回归问题。

ui-implementer

根据 Figma 或设计稿实现 UI 组件，提供像素级精确度、智能设计验证与自适应代理切换功能。

senior-frontend-engineer-react

企业级 React CRUD 开发技能，专注于 React 16.14 与 DVA 2.x。提供自动化列表页生成、表单管理与 API 服务层整合。