Menu
O SkillsMP coletou 15 skills de LedgerHQ/lumen. Abra uma skill para revisar a origem e os detalhes.
Mostrando 15 de 15 skills coletadas.
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…
Idioma do texto original: inglês
Use when writing or editing Storybook MDX docs (*.mdx) — the two-tab Overview/Implementation structure, story-backed `<Source>` examples, and doc table guidelines.
Idioma do texto original: inglês
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.
Idioma do texto original: inglês
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.
Idioma do texto original: inglês
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.
Idioma do texto original: inglês
Use when creating, naming, or placing a new file or folder — component vs utility naming and the per-responsibility file layout with a barrel.
Idioma do texto original: inglês
Nx workspace commands and guidelines for running tasks, generators, and using Nx MCP tools
Idioma do texto original: inglês
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.
Idioma do texto original: inglês
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`).
Idioma do texto original: inglês
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).
Idioma do texto original: inglês
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).
Idioma do texto original: inglês
Use when generating or editing an Nx version plan in .nx/version-plans/ — the bump type must always be `patch`, one package per file.
Idioma do texto original: inglês
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.
Idioma do texto original: inglês
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).
Idioma do texto original: inglês
Use when creating or editing Storybook stories (*.stories.tsx, React or React Native) — story layout, docs source type, controls, and export naming conventions.
Idioma do texto original: inglês