AGENT SKILL

lint

Run the full lint workflow: format, typecheck, CSS lint, JS lint. USE WHEN: the user asks to "lint", "fix lint", "run the linters", "check types", or after making code changes that need verification.

使用场景代码审查
License 许可
CC-BY-4.0
最近更新
2026-11-06
Stars
★ 2
Forks
1

01 前言 Front Matter

name
lint
description
Run the full lint workflow: format, typecheck, CSS lint, JS lint. USE WHEN: the user asks to "lint", "fix lint", "run the linters", "check types", or after making code changes that need verification.

02 资源文件 21

03 SKILL.md 正文

Lint the Codebase

Run each step below in order from the repository root, fixing errors caused by or directly related to the current task before moving to the next step. Report unrelated pre-existing errors rather than changing unrelated code; do not claim a step passed while errors remain.

  1. npx prettier apps/prototype --write — Auto-format prototype code with Prettier. For focused changes, pass explicit changed-file paths instead of the entire app directory. Run this first so formatting noise doesn't obscure real errors in later steps. Run periodically after editing TypeScript files. Do not use root npm run format for prototype-only work; it formats the entire repository.
  2. npm --workspace apps/prototype run type-check — Generate React Router types and fix relevant TypeScript / JavaScript type errors.
  3. npm --workspace apps/prototype run lint — Fix relevant ESLint issues in .ts and .tsx files. If editing components, invoke the prototype-app-react-components skill for guidance.

Verification rule: After fixing errors in a command-based step, re-run that step's command standalone (not chained with other commands or piped through tail). Read the full output and confirm the exact error/warning count before moving to the next step. Never trust truncated or chained output as proof of zero errors. For the manual CSS review step, recheck the affected CSS against the skill's checklist and retain the explicit automated-lint limitation.

Run npx prettier apps/prototype --write again when finished, or use the same explicit changed-file paths selected in step 1.

Related skills

  • prototype-app-css-styling — required reading when fixing CSS warnings.
  • prototype-app-react-components — required reading when fixing TSX warnings.

04 同仓库更多 Skills

microsoft
microsoft/coreai-design-system

coreai-ds-fluentui-react

MANDATORY for @coreai-ds/react-components work. Use the CoreAI documentation MCP to discover components, props, stories, templates, and implementation patterns. If the MCP is unavailable, stop and ask the user to enable or troubleshoot it with you.

前端开发Skill与智能体开发
★ 2
microsoft
microsoft/coreai-design-system

state-management

CoreAI Sandbox's simplified TanStack Query + mock-JSON data layer. USE WHEN: editing data-fetching hooks (`app/hooks/use*.ts`), adding mock data in `app/data/`, or wiring a component to query state.

★ 2
microsoft
microsoft/coreai-design-system

start-app

Start the CoreAI Sandbox dev server and open it using available browser tools. USE WHEN: the user asks you to "start the app", "run the dev server", "open the app", or "launch CoreAI Sandbox".

★ 2
microsoft
microsoft/coreai-design-system

routing

React Router v7 routing conventions for this SPA. USE WHEN: editing `app/routes.ts`, adding/removing a route, or changing navigation.

★ 2
microsoft
microsoft/coreai-design-system

react-components

CoreAI Sandbox component usage: import boundaries, CoreAI MCP documentation, and local adapter inspection. USE WHEN: editing any `*.tsx` file, picking a component, or writing component imports.

前端开发Skill与智能体开发
★ 2
microsoft
microsoft/coreai-design-system

new-variant

Create a new design variant or alternative for a page using the built-in feature/variant system. USE WHEN: a designer wants to try a different layout, create an "option B" or "version 2", compare designs side by side, add an A/B alternative, or explore an alternate version. Do NOT build a custom toggle solution.

视觉设计
★ 2