---
name: figma-material-hu
description: Implement Figma designs from a figma URL inside the material-hu design-system package. Use when target repo is material-hu.
---

# Figma material-hu Skill

**Required first step:** Read `../reference.md` first — it defines scope, MCP usage, and layout fidelity.

This skill implements a Figma layer/node URL **in the material-hu repository**. It does **not** repeat the app-consumer rules from `figma-react` (those assume `@material-hu/...` imports from outside the package).

**Invocation:** When run as `/implement-figma`, the main thread parses the URL and resolves the target repo. When the target repo is `material-hu`, delegate to the `figma-material-hu` subagent with `fileKey`, `nodeId`, `targetRepoPath`, and optional `targetFileOrRoute`.

---

## material-hu–specific rules

### 1. Imports (critical)

- **Do not** import from `@material-hu/...` inside this repo — that is for **consumers** of the published package.
- Use **relative imports** and the same patterns as neighboring files in the same area (e.g. `components/design-system/...`, `mui/...`, `hooks/...`, icons).
- If the codebase uses path aliases (e.g. in `tsconfig`), use those **only** when they match existing files; otherwise prefer relative paths consistent with the directory you edit.
- When adding or extending a component, open a similar existing component and **mirror its import style**.

### 2. Components and styling

- Prefer **internal** design-system primitives and MUI usage already used in material-hu for the same kind of UI.
- For layout-first work, follow `../reference.md` for copy and placeholders.
- Put style overrides in **`sx`** where MUI / material-hu deprecates top-level system props in this codebase (match the same pattern as sibling files).

### 3. Scope

- No app-level concerns (routing, `src/`-prefixed app paths, product i18n wiring) unless the user explicitly asks.
- **No duplicate** of `figma-react` sections (form `.../form` imports, app `t()` wiring, etc.); only what applies inside the library.
