Claude Skills by coinbase

github.com/coinbase

25 skillsA× 23B× 20 installs86 views

Skill CreatorACreate new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.documentationpythonrustVotes: 0GitHub stars: 507
Cds Migrator TransformAUse when a CDS change in **cds-web**, **cds-common**, **cds-mobile**, **web-visualization**, or **mobile-visualization** needs a **jscodeshift** migration in `packages/migrator` to update callers or mitigate breaking API or import moves (add or change a transform, tests, or preset entry).developmentgobashVotes: 0GitHub stars: 507
Components.Best PracticesAUse this skill whenever working on CDS React components in any package.developmenttypescriptgoVotes: 0GitHub stars: 507
Components.StylesAGuidelines writing styles API (styles, classNames, and static classNames) for a CDS component. Use this skill when adding customization options to a React component via `styles` or `classNames` props or when needing to update the docsite with component styles documentation.documentationgobashVotes: 0GitHub stars: 507
Components.Write DocsAGuidelines for creating or updating documentation for a CDS component on the docsite (apps/docs/). Use this skill after creating or making updates to a CDS React component to write high quality documentaiton in the CDS docsite.designgobashVotes: 0GitHub stars: 507
Deprecate Cds ApiADeprecates a CDS component, hook, or other exported symbol with consistent JSDoc, version tags, and docsite metadata across every public export path (web, mobile, common, visualization), not only the original package. Use whenever the user asks to deprecate a CDS component or API, mark something as deprecated, add @deprecated / @deprecationExpectedRemoval, or update deprecation warnings in apps/docs metadata under components or hooks (webMetadata.json / mobileMetadata.json / metadata.json). A...developmentgobashVotes: 0GitHub stars: 507
Skills DirectorySkills Directory Look up any of 103,619 scanned skills — grade, score, and every finding. Free.Check a skill
Dev.Cds MobileAUSE THIS when asked to work on a new or existing (MOBILE) CDS React component in packages/mobiledesigngoreactVotes: 0GitHub stars: 507
Dev.Cds WebAUSE THIS when asked to work on a new or existing (WEB) CDS React component in packages/webdesigngoreactVotes: 0GitHub stars: 507
Eslint Plugin Custom RuleAUSE THIS when asked to create a new eslint plugin rule for the eslint-plugin-cds packagedocumentationdocumentationVotes: 0GitHub stars: 507
Feature PlannerAA guided workflow for non-technical contributors (designers, PMs) to describe a feature idea and produce a detailed technical implementation plan for an engineer. Invoke manually with /feature-planner.designtypescriptgoVotes: 0GitHub stars: 507
Figma.Enumerate Component UrlsBEnumerates every public component set in a CDS Figma file and produces a list of [Component Name]: [Figma URL] entries grouped by page section. Use this skill whenever asked to list, generate, or audit Figma component URLs, produce a component inventory from a Figma file, or when doing a Code Connect refresh/audit that requires knowing which Figma node each component maps to. Also trigger when someone asks "what are the Figma URLs for CDS components" or wants to find the node-id for a specifi...developmentpythonbashVotes: 0GitHub stars: 507
Git.BackportABack-port a specific commit from master to a release branch via cherry-pick. Creates a dedicated backport branch, attempts the cherry-pick, pushes it, and opens a PR by default. Returns to the original branch when done (success or failure). If there are merge conflicts, diagnoses the root cause without attempting an autonomous resolution. Use when asked to "backport", "cherry-pick to release", or "port a fix to a release branch".documentationgobashVotes: 0GitHub stars: 507
Git.Detect Breaking ChangesAAnalyzes the previous N commits for breaking changes across the CDS public API surface. Use this skill when you need to check if any recent changes will cause breaking changes in the CDS public API surface.designtypescriptgoVotes: 0GitHub stars: 507
Git.Repo ManagerBInstructions to manage a local cache of GitHub repositories. This would typically done in cases where the user want to perform research/analysis on a repository. Invoke whenever you need to clone a repo that isn't present locally, bring an existing clone up to date, or remove a repo from the cache. This skill handles only the mechanical filesystem/git operations — not research, analysis, or anything about the repo's contents.toolsbashgitVotes: 0GitHub stars: 507
KtloAInstructions to fetch assigned Linear issues in the current cycle and potentially kick off a development session.developmentVotes: 0GitHub stars: 507
Research.Component LibsAOrchestrates a comprehensive research effort across multiple design systems/component librariesresearchgoreactVotes: 0GitHub stars: 507
Research.Deprecation UsageAAudits how often deprecated CDS exports are actively used in customer codebases using Sourcegraph MCP search tools. Use this skill whenever asked to assess removal readiness for deprecated CDS APIs, investigate the blast radius of removing a deprecated component or hook, check Sourcegraph for customer usage of deprecated exports, or help the team decide which deprecated APIs are safe to remove in the next major version. Always invoke when asked to "audit deprecated APIs", "check Sourcegraph f...developmentgobashVotes: 0GitHub stars: 507
Cds AccessibilityATeaches how to use Coinbase Design System (CDS) components accessibly: documented accessibility props (e.g. accessibilityLabel, accessibilityState), choosing CDS primitives whose docs cover the right assistive technology behavior, and verifying usage against official CDS documentation—not generic web ARIA tutorials. Use this skill when implementing or reviewing CDS UI for screen reader, keyboard, and labeled control requirements. Ground in current CDS component docs per the cds-docs skill (MC...designgoreactVotes: 0GitHub stars: 507
Cds CodeAProduces high quality Coinbase Design System (CDS) code for React and React Native projects. Always use this skill every time you are asked to create or update UI or write React or React Native code.developmentbashreactVotes: 0GitHub stars: 507
Cds Design To CodeATurns frontend designs from Figma into CDS-first React or React Native code. Use this skill whenever the user shares a Figma URL such as `figma.com/design/...?...node-id=...` while working in a frontend application context.developmentjavascripttypescriptVotes: 0GitHub stars: 507
Cds DocsARetrieve Coinbase Design System (CDS) documentation: setup, installation, theming, tokens, and per-component APIs/examples. Use this skill whenever the task involves CDS components, design-system rules, theming, or choosing between web and mobile CDS packages, even if the user only says "use CDS" or names a component. Always start from the docs route index, then fetch only the pages you need to reason and implement correctly. Prefer the CDS MCP server (`list-cds-routes`, `get-cds-doc`); if MC...designgoreactVotes: 0GitHub stars: 507
Git.Resolve Version ConflictsAResolve rebase/merge conflicts in CDS release-versioning files — package.json "version" fields and CHANGELOG.md entries — that arise because packages were versioned independently on master and the current branch. Recomputes each package's version by applying the branch's bump type (patch/minor/major) on top of master's latest version, rewrites CHANGELOG entries with today's date and the new version, then continues the rebase and formats. Use when the user asks to "resolve a versioning conflic...toolsgobashVotes: 0GitHub stars: 507
Jetpack Best PracticesAUSE THIS when writing or reviewing Jetpack Compose / Kotlin code in packages/cds-android or apps/android-app - @Composable APIs, Modifier parameters, CompositionLocal, state hoisting, or naming. Not for React or React Native work.developmentgokotlinVotes: 0GitHub stars: 507
Cds Rn To ComposeAGuide for porting CDS React Native components to Jetpack Compose in packages/cds-android, and for auditing existing Android ports for completeness and quality. USE THIS whenever the user asks to port, migrate, or bring a CDS mobile/RN component to Android/Compose/Kotlin, audit an Android CDS component against mobile parity, or review whether a cds-android port is done correctly. Also trigger for phrases like "RN to Compose", "mobile to Android CDS", "port Button/Chip/Card to cds-android", "pu...developmentkotlinreactVotes: 0GitHub stars: 507
Swiftui Best PracticesAUSE THIS when migrating a CDS React Native component to native iOS, or when writing or reviewing SwiftUI in packages/cds-ios or apps/ios-gallery. Covers rewrite patterns (Style vs SwiftUI API vs CDS view), RN visual spec (not HIG look-alikes), HIG-styled control enforcement, tokens, gallery, and tests.designgoswiftVotes: 0GitHub stars: 507