← All skills

Fluent UI Next.js Integration

75 / 100 · Review before installing

Check before installing.

By TheLobbi/Claude-m (GitHub) · design · 19 stars · scanned at commit 703f383

Next.js integration for Fluent UI React v9 — App Router setup with 'use client' boundaries, Pages Router setup, SSRProvider and RendererProvider configuration, Griffel AOT with webpack, fluentui-nextjs-appdir-plugin, and known SSR bundle size workarounds.

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

• 80 Low riskcopilotkit-nextjs-integrationdiegosouzapw/awesome-omni-skill · 66 stars
• 85 Low riskreact-fluent-ui-patternsdiegosouzapw/awesome-omni-skill · 66 stars
• 100 Low riskcello-get-integration-guideCognitionAI/devin-marketplace · 27 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'fluent-ui-next-js-integration' ] || [ -L ~/.agents/skills/'fluent-ui-next-js-integration' ]; then echo 'A skill folder named fluent-ui-next-js-integration already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/TheLobbi/Claude-m' "$d" && git -C "$d" checkout --quiet '703f383198963a3596f7a86ff63c9f98574a21b6' -- 'fluent-ui-design/skills/fluent-nextjs' && mkdir -p ~/.agents/skills && cp -R "$d"/'fluent-ui-design/skills/fluent-nextjs' ~/.agents/skills/'fluent-ui-next-js-integration' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'fluent-ui-next-js-integration' ~/.claude/skills/'fluent-ui-next-js-integration' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for TheLobbi/Claude-m shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/TheLobbi/Claude-m.svg)](https://zalavijaysinh.github.io/skilltrust/repos/TheLobbi/Claude-m/)

Score history