Навыки агента для создания решений SharePoint Framework (SPFx) — каркас, проектирование, сборка, обновление и отправка — все это от вашего агента по кодированию ИИ.

. * * Превью * * — ожидайте изменений. Имена навыков, макет файла и руководство являются отправной точкой и будут развиваться. Результат - это предложения, а не авторитетные ответы; просмотрите их перед совершением или отправкой.

Что в этом репо

Один-единственный, сфокусированный навык — * * spfx * * — который направляет агента в правильную книгу игр, основанную на том, что вы спрашиваете. Каждая ссылка является автономным, готовым к действию руководством.

###Умение: [[Т1]]

Пользуйтесь им, когда вы хотите… [править править код] Создать | Скаффолд новой веб-части, расширения, библиотеки, или ACE | create.md | Обновить Переместить проект в новую версию SPFx | upgrade.md | | React Design | Построить или изменить UI с помощью Fluent UI v9 | react-design.md | | Toolchain | Pick Heft (v1.22+) или gulp (≤ v1.21.1) | SKILL.md | | PnPjs Data | Читать или писать SharePoint / Microsoft Graph data | pnpjs.md |

Зачем нужны эти навыки?

Разработка SPFx занимает много места — генератор Yeoman, переключатель инструментальной цепи от gulp до Heft при 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