Menu
SkillsMP has collected 15 skills from LedgerHQ/lumen. Open a skill to review its source and details.
Showing 15 of 15 collected skills.
Creates and maintains Figma Code Connect files (`*.figma.tsx`) that map Figma components to code via the parser-based `figma.connect()` API. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update…
Use when writing or editing Storybook MDX docs (*.mdx) — the two-tab Overview/Implementation structure, story-backed `<Source>` examples, and doc table guidelines.
Use when researching external libraries/frameworks (React, Radix, Tailwind, etc.) — reach for the Context7 MCP to get up-to-date docs. Not for internal codebase or design-system-token questions.
Use when a component has a `disabled` state/variant, or when building a compound component that owns a disabled state — inherit/provide it via the shared disabled context so state flows from parent to sub-components.
Sync processed CSS design tokens with JavaScript theme objects for React Native. Use when aligning tokens after Figma sync, checking token consistency, or updating JS theme files manually.
Use when creating, naming, or placing a new file or folder — component vs utility naming and the per-responsibility file layout with a barrel.
Nx workspace commands and guidelines for running tasks, generators, and using Nx MCP tools
Open a PR from the current branch to `main`: commit if needed, ensure an Nx version plan exists, push, and create the PR with a filled-in description and testing steps. Run only when the user explicitly asks to open/create a PR.
Use when implementing or updating a React component (libs/ui-react) from a Figma link — Figma design-token → Tailwind classname mapping. React/Tailwind only; React Native uses `useStyleSheet` (see `rnative-styling`).
Use when building or styling a React component in libs/ui-react (and ui-react-visualization) — cva usage, props-drilling, and design-system Tailwind token usage (typography, colors, spacing, sizes, shadows, gradients, and classname rules).
Use when writing or editing React tests in libs/ui-react (and ui-react-visualization) — Vitest + React Testing Library conventions (queries, imports, interactions, mocking, structure).
Use when generating or editing an Nx version plan in .nx/version-plans/ — the bump type must always be `patch`, one package per file.
Use when building or styling a React Native component in libs/ui-rnative — useStyleSheet + themeJS tokens, the `lx` prop, variant composition, props-drilling, and shared styling best-practices.
Use when writing or editing React Native tests in libs/ui-rnative (and ui-rnative-visualization) — Jest + React Native Testing Library conventions (testID targeting, imports, interactions, mocking, structure).
Use when creating or editing Storybook stories (*.stories.tsx, React or React Native) — story layout, docs source type, controls, and export naming conventions.