lint-check Skill

Source

• Creator: microsoft
• Repository: microsoft/fluentui
• Skill file: .agents/skills/lint-check/SKILL.md

What it does

Run lint on affected packages, parse errors, and auto-fix common issues (design tokens, React.FC, SSR safety, import restrictions)

Skill instructions

Lint Check and Auto-Fix Run linting and fix common issues for Fluent UI packages. Steps 1. Determine scope. If $ARGUMENTS is provided, lint that specific package. Otherwise, lint affected packages: bash Specific package yarn nx run @fluentui/$ARGUMENTS:lint Or affected packages yarn nx affected -t lint 2. Parse the output and categorize errors by the custom Fluent UI ESLint rules: | Rule | What it catches | How to fix | | --------------------------------------- | ------------------------------------------- | ----------------------------------------------------- | | @fluentui/ban-context-export | Context exported from wrong layer | Move to react-shared-contexts package | | @fluentui/ban-instanceof-html-element | instanceof HTMLElement (breaks iframes) | Use element.tagName or feature detection | | @fluentui/no-global-react | React.FC, React.useState etc. | Use named imports: import { useState } from 'react' | | @fluentui/no-restricted-imports | Banned import paths | Use the allowed impo