coinbase/cds
19 skills230 installs9.4k starsGitHub
Install
npx skills add https://github.com/coinbase/cdsSkills in this repo
1Cds CodeDetects the React vs React Native platform, selects appropriate CDS components, and writes UI using CDS style props and validated import paths. A developer uses it whenever creating or updating CDS frontend code.41installs2Cds DocsLoads the CDS docs route index for the chosen web or mobile platform, then fetches only the pages needed to implement correctly. A developer uses it whenever a task involves CDS components, theming, or tokens.33installs3Components.Best PracticesDefines the internal development standards for authoring CDS components, covering folder structure, BaseProps/Props typing, compound-component and context patterns, and the design-token system. A CDS maintainer uses it when building or modifying CDS React components.11installs4Feature PlannerRuns a plain-language discovery interview to understand a feature, then switches to plan mode to write an engineer-facing implementation plan referencing the codebase. A designer or PM uses it to turn an idea into a scoped plan.11installs5Cds Design To CodeParses a Figma URL, fetches design context and screenshots through the Figma MCP, and translates the design into CDS components while preserving Code Connect mappings. A developer uses it when implementing a shared Figma design in a CDS app.10installs6Components.StylesGuides adding styles, classNames, and static class names to CDS web or mobile components with approved selectors and generated docs. A CDS maintainer uses it when exposing style customization on a component.10installs7Components.Write DocsWalks the workflow for authoring CDS docsite pages: checking existing docs, researching peer libraries, and wiring up ReactLiveScope, sidebars, and styles tables. A CDS maintainer uses it after building or changing a component.10installs8Deprecate Cds ApiAutomates the CDS deprecation workflow, adding @deprecated and @deprecationExpectedRemoval JSDoc plus docsite warnings across web, mobile, and common exports. A CDS maintainer uses it when sunsetting an API before a major release.10installs9Dev.Cds MobileProvides React Native conventions for CDS mobile components: registering ComponentConfig defaults, using useComponentConfig, and styling via StyleSheet with useTheme. A developer uses it when working on a component in packages/mobile.10installs10Dev.Cds WebProvides web conventions for CDS components: registering ComponentConfig defaults, using useComponentConfig, and writing zero-runtime CSS with Linaria and CDS theme variables. A developer uses it when working on a component in packages/web.10installs11Eslint Plugin Custom RuleWalks the process of authoring a custom ESLint rule for eslint-plugin-cds: scaffolding, gathering valid/invalid examples, writing AST-visitor logic, and adding tests. A developer uses it when enforcing a new CDS lint guideline.10installs12Git.Detect Breaking ChangesTraces each package's exports map, inspects git diffs over recent commits, and classifies any public-API removals or signature changes as breaking. A developer uses it to check whether recent CDS changes break consumers.10installs13Git.Repo ManagerHandles the mechanical git operations for a local repo cache at temp/repo-cache, cloning shallow copies, pulling latest commits, and cleaning up. A developer uses it when a repo needs to be present locally for analysis.10installs14KtloQueries the Linear MCP for issues assigned to the user in each team's current cycle, deduplicates them, and presents them as options. A developer uses it to review keep-the-lights-on work and pick an issue to plan.10installs15Research.Deprecation UsageDetermines the scope and type of a CDS deprecation, then runs precise Sourcegraph keyword searches to measure customer usage of deprecated components, functions, or props. A maintainer uses it to decide whether a deprecated API is safe to remove.10installs16Cds Migrator TransformConverts code and schemas for Coinbase Design System platform. Transforms to CDS compliance.7installs17Figma.Enumerate Component UrlsLists and extracts component URLs from Figma design files. Enumerates design components.7installs18Git.BackportAutomates cherry-picking commits to release branches and version tags. Manages backports.7installs19Skill Creatorskill-creator is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.3installs