api-and-dataDesigns and implements API layers with request encapsulation, error handling, loading/empty states, caching, and data flow management for frontend applications.
Install via ClawdBot CLI:
clawdbot install wangzhiming1999/api-and-dataGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/wangzhiming1999/oliver-skill/issuesAudited Apr 21, 2026 · audit v1.0
Generated May 3, 2026
团队需要为前端项目设计统一的请求层,包括基础URL、超时设置、拦截器以及Token鉴权机制,以提升开发效率和安全性。
应用在API请求失败时缺少友好的用户反馈,需要设计分层错误处理策略,从网络错误到业务错误,并配合全局Toast或重试按钮。
列表页需要处理加载中、空数据和失败三种状态,通过骨架屏、空插画和错误文案提升用户体验。
在详情页和列表页需要缓存数据以减少请求,同时保证实时性,需要配置合适的staleTime和refetch策略。
随着应用规模增长,需要从组件内状态管理迁移到全局状态管理,面临React Query、SWR、Zustand等工具的选择。
为多个前端项目提供标准化的请求封装库,包括鉴权、重试、取消等功能,减少重复开发。
为客户提供API设计、缓存策略、状态管理选型等咨询服务,并帮助集成React Query等工具。
通过缓存策略、请求合并和预取等技术,优化前端数据加载性能,提升用户体验。
💬 Integration Tip
开始集成时,先与后端统一错误码格式和鉴权流程,再逐步实现请求封装和状态管理。
Scored Apr 21, 2026
YouTube Data API integration with managed OAuth. Search videos, manage playlists, access channel data, and interact with comments. Use this skill when users want to interact with YouTube. For other third party apps, use the api-gateway skill (https://clawhub.ai/byungkyu/api-gateway).
Trello API integration with managed OAuth. Manage boards, lists, cards, members, and labels. Use this skill when users want to interact with Trello for project management. For other third party apps, use the api-gateway skill (https://clawhub.ai/byungkyu/api-gateway).
Fetch up-to-date library documentation via Context7 API. Use PROACTIVELY when: (1) Working with ANY external library (React, Next.js, Supabase, etc.) (2) User asks about library APIs, patterns, or best practices (3) Implementing features that rely on third-party packages (4) Debugging library-specific issues (5) Need current documentation beyond training data cutoff Always prefer this over guessing library APIs or using outdated knowledge.
API reference for CoinMarketCap DEX endpoints including token lookup, pools, transactions, trending, and security analysis. Use this skill whenever the user...
Use when designing REST or GraphQL APIs, creating OpenAPI specifications, or planning API architecture. Invoke for resource modeling, versioning strategies, pagination patterns, error handling standards.
Manage WordPress sites through WP Pinch MCP tools. Part of WP Pinch (wp-pinch.com).