development-cds-mobile

Official

Develop CDS mobile components

Authorcoinbase
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides guidelines and best practices for developing new or modifying existing mobile components within the Coinbase Design System (CDS), ensuring consistency and quality in mobile application development.

Core Features & Use Cases

  • Styling: Demonstrates how to use StyleSheet.create and useTheme() for mobile styling, including inline style merging.
  • Animation: Outlines the use of React Native Reanimated for animations.
  • Gesture Handling: Explains how to implement gestures using react-native-gesture-handler.
  • Layout Measurement: Shows how to use the onLayout callback.
  • Accessibility: Details best practices for accessibility features and screen reader support.
  • Native Module Integration: Provides an example of integrating native modules.
  • Reference Components: Lists key components with their associated patterns.

Quick Start

Refer to the mobile package guidelines for developing CDS React components.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: development-cds-mobile
Download link: https://github.com/coinbase/cds/archive/main.zip#development-cds-mobile

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.