**SharePoint Framework (SPFx) ** 솔루션 - 비계, 디자인, 빌드, 업그레이드 및 배송, AI 코딩 에이전트의 모든.

Preview - 변경 사항 기술 이름, 파일 레이아웃 및 지도는 시작점이며 진화합니다. 산출은 제안, 권한이 없는 대답입니다; 그(것)들을 치료하기 전에 또는 발송합니다.

이 재포에서 무엇을

단일 초점 기술 - ** spfx ** - 당신이 묻는 것을 기반으로 적절한 재생 북에 에이전트를 경로. 각 참고는 자기 유지, 에이전트 읽는 가이드입니다.

기술: spfx

| 기능 | 원하는 경우 사용 OK | 참조 | 인포메이션 |Create | 새 웹 부분, 확장, 라이브러리, ACE | create.md | |Upgrade | 더 새로운 SPFx 버전으로 프로젝트 이동 | upgrade.md | |React Design | Fluent UI v9로 UI 구축 또는 변경 | react-design.md | 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 |PnPjs Data | 읽거나 SharePoint / Microsoft Graph 데이터 작성 | pnpjs.md |

왜 이러한 기술?

SPFx 개발은 많은 배경을 다룹니다 - 여만 발전기, gulp에서 도구 체인 스위치 ** v1에서.

SPFx Dev Skills

Agent skills for building SharePoint Framework (SPFx) solutions — scaffold, design, build, upgrade, and ship, all from your AI coding agent.

🚧 Preview — expect changes. Skill names, file layout, and guidance are a starting point and will evolve. Outputs are suggestions, not authoritative answers; review them before committing or shipping.

What’s in this repo

A single, focused skill — spfx — that routes an agent to the right playbook based on what you ask. Each reference is a self-contained, agent-ready guide.

plugins/spfx/skills/spfx/
  SKILL.md                  Router + global rules + the Heft/gulp toolchain decision rule
  references/
    create.md               Scaffold web parts & extensions (Yeoman, Heft by default)
    upgrade.md              Version upgrades (CLI for Microsoft 365) + gulp → Heft migration
    react-design.md         Fluent UI v9 UI contract — theming, accessibility, host-aware layout
    pnpjs.md                PnPjs as the default data layer for SharePoint & Microsoft Graph

The skill: spfx

Why these skills?

SPFx development covers a lot of ground — the Yeoman generator, the toolchain switch from gulp to Heft at v1.22, Fluent UI theming, accessibility, and data access against SharePoint and Microsoft Graph. AI agents working from generic web context tend to mix toolchain versions, run interactive prompts that hang in a terminal, invent package versions, or stop before validating a build. This skill keeps the agent in the SPFx lane end-to-end: it detects the installed version, picks the correct toolchain, uses non-interactive commands, defaults to PnPjs for data, and validates with a clean build before calling a task done.

The guidance is informed by repeated evaluation of an SPFx 1.21.1-to-1.22.2 upgrade scenario. Read Behind SPFx Dev Skills: testing what agents know and fixing what they miss for the baseline, scoring, and resulting changes to the skill, SPFx documentation, and agent content retrieval.

Use cases