# Match Repo Style

> Align new edits with neighboring files—imports, Redux epics, Next.js patterns, and Tailwind rules in dial-mind-map-frontend.

- Skill: `epam/match-repo-style` (Agent Skill)
- Install (CLI): `npx skillmds@latest add epam/match-repo-style`
- Raw SKILL.md: https://api.skillmd.com/api/skills/epam/match-repo-style/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: epam (https://skillmd.com/u/epam)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/epam/match-repo-style

---


# Skill: match-repo-style

## When to use

You are editing an unfamiliar area of `src/` or introducing a new file next to existing ones.

## Steps

1. List the target directory; open **one to three** neighboring `.ts` / `.tsx` files (and any colocated `__tests__` or `*.test.tsx`).
2. Copy **import order** (external → `@/` → relative), hook style, and component structure—not necessarily line-by-line, but the same conventions.
3. For Redux work, read an adjacent **`*.epics.ts`** and **`*.reducers.ts`** pair and mirror error handling, action naming, and selector layout.
4. For UI, note **Tailwind class order** and EPAM DIAL UI imports used nearby.
5. Run **`npm run lint`** on the touched paths before concluding.

## Done when

The change reads as if the same author wrote the surrounding module: no new stray patterns, no conflicting state style, no import-sort violations.