Lint Check Agent Skill
Run lint on affected packages, parse errors, and auto-fix common issues (design tokens, React.FC, SSR safety, import restrictions)
Install
one command, takes just this skill from the repositorynpx skills add https://github.com/microsoft/fluentui --skill lint-checkWhat it tells the agent to use
found in the instruction textThe instruction itself
3 sections, as written by the authorLint Check and Auto-Fix
Run linting and fix common issues for Fluent UI packages.
Steps
- Determine scope. If
$ARGUMENTSis provided, lint that specific package. Otherwise, lint affected packages:
# Specific package
yarn nx run @fluentui/$ARGUMENTS:lint
# Or affected packages
yarn nx affected -t lint
- 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 import path from the error message |
| @fluentui/no-context-default-value | Context created without undefined default | Use createContext(undefined) and add a guard hook |
- Auto-fix any issues found by editing the source files directly. For each fix:
- Read the file
- Apply the fix
- Verify the fix by re-running lint on that specific file
- Report a summary of what was found and fixed.
References
- ESLint plugin source:
packages/eslint-plugin/src/rules/ - Design tokens guide: docs/architecture/design-tokens.md
- Component patterns: docs/architecture/component-patterns.md
Other skills for the same job
different authors, same section of the catalogue
This skill should be used when refactoring existing CSS from inline styles or utility classes to semantic patterns. Triggers on "refactor CSS", "extract styles", "consolidate CSS", "convert inline", "clean up styles", "migrate to semantic". Transforms to semantic classes with dark mode and tests.
Audit and improve SwiftUI runtime performance from code review and architecture. Use for requests to diagnose slow rendering, janky scrolling, high CPU/memory usage, excessive view updates, or layout thrash in SwiftUI apps, and to provide guidance for user-run Instruments profiling when code review alone is insufficient.
Load a sharded, on-disk dataset (sharded .npy, Parquet/Arrow, raw binary, sharded HDF5, custom layouts) into a distributed cuPyNumeric ndarray via a manual partition + leaf @task launch with CPU/OMP/GPU variants. Use when no single-call loader fits, including when per-shard row counts differ across files. Prefer cupynumeric.load or legate.io.hdf5.from_file when they apply.
Use when configuring, running, or fixing PHPStan static analysis in WordPress projects (plugins/themes/sites): phpstan.neon setup, baselines, WordPress-specific typing, and handling third-party plugin classes.
Create, read, and analyze C# scripts — create, read, replace, append, search, rename, move, and delete scripts, plus compile feedback. Use when authoring or editing C# code, searching across scripts, refactoring file layout, or checking compile errors, even if the user just says "写个脚本" or "改代码". 对 C# 脚本进行增删改查与分析(创建、读取、替换、追加、搜索、重命名、移动、删除脚本,以及编译反馈);当用户要编写或编辑 C# 代码、跨脚本搜索、重构文件布局、或检查编译错误时使用。
Quick automated lint — detects common design system violations in seconds
> Convert markdown into a self-contained HTML slide deck with layouts, speaker notes, keyboard navigation, and a content-density linter. Use when building a deck from markdown, cutting an overloaded deck, or timing a talk.
| Generate rich self-contained HTML artifacts instead of markdown. Auto-detects artifact shape (spec, code-review, prototype, report, editor, data-viz, diagram, deck) and loads shape-specific patterns. Bundles Birchline design system with 4 theme presets. Use for "make HTML", "as HTML", "HTML artifact", or auto-injected by router when output benefits from rich visualization.
How to use it
Take microsoft/lint-check from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.