Agent Skills Hub

buildwithclaude

分析网站以获取设计灵感，提取色彩、排版、布局和 UI 模式，并建立结构化的设计分析报告。

frontend-design-pro

打造价值 $50,000 美元级别的专业前端界面，提供生产级代码、精选排版与高质量影像素材整合。

my-openlayer-helper

使用 my-openlayer 库初始化 OpenLayers 地图、管理图层，并渲染点、线、面及动画标记等地理特征。

javascript-typescript

专为现代 Web 应用程序设计的进阶 TypeScript 与 React 开发助手。精通组件架构、状态管理、Vitest 单元测试、Playwright 端对端自动化以及高效的 TypeScript 配置。

proofreader-api

将浏览器原生 Proofreader API 集成至网页应用，提供 AI 驱动的文本校正、语法检查与语言支持，并包含受控的模型生命周期管理。

pix

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

react-vite-best-practices

React 与 Vite 性能优化指南。适用于编写、审查或优化基于 Vite 构建的 React 组件。

dynamic

专为 bkend.ai BaaS 设计的全栈开发代理。自动化项目初始化、身份验证、数据库配置及 Next.js 应用程序 API 集成。

tailwind-config

管理 monorepo 中的 Tailwind CSS 配置、自定义设计令牌、主题与设计系统工具。

svelte-code-writer

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

frontend-to-backend-requirements

标准化前端沟通，通过记录后端开发人员所需的数据需求与业务规则，确保在不指定实现细节的情况下达成清晰的开发共识。

state-management

前端状态管理指南，涵盖 Zustand/Pinia 全局存储、TanStack Query 服务器状态以及 URL 状态处理。