Fluent UI Integration Patterns
Integrating Fluent UI with Azure AD B2C custom UI, Office Add-ins (Excel, Word, Outlook task panes), SharePoint/M365 web apps, and navigation patterns (Nav,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-02 00:09
Frontend & websites
11,381 results
Fluent UI Next.js Integration
Next.js integration for Fluent UI React v9 — App Router setup with 'use client' boundaries, Pages Router setup, SSRProvider and RendererProvider configuration,…
agentation
Add Agentation visual feedback toolbar to a Next.js project
tailwind-design-system
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries,…
react-hook-review
Review React hooks against design philosophy. Checks return values, SSR safety, state design, effect usage, TypeScript patterns, and performance.
lightweight-charts-integration
Use when integrating TradingView lightweight-charts in a React/canvas app, especially when candles or overlays silently fail to render, the crosshair behaves…
blending-textured-backgrounds
Use when two stacked or adjacent full-bleed sections share the same textured/image/gradient background and a visible hard seam appears where they meet…
convex-react-native-expo
Integrates the Convex reactive backend into React Native apps built with Expo (including expo-router). Covers Convex CLI setup, Expo/EAS environment variables,…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
ui-design-system
React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), shadcn/ui (components), React/Next.js.…
popular-web-designs
54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
baoyu-markdown-to-html
Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, PlantUML, footnotes, alerts, and infographics. Use when user…
jotai-x
Use when working with Jotai X stores (createAtomStore), accessing state in components or callbacks, persisting state to cookies or localStorage
julik-frontend-races-reviewer
Reviews JavaScript and Stimulus code for race conditions, timing issues, and DOM lifecycle problems. Use after implementing or modifying frontend controllers…
toast
Toast notifications with Sonner for user feedback. Use for success/error messages, async operation feedback, and temporary notifications. Always use when using…
compound-engineering-frontend-design
Build web interfaces with genuine design quality, not AI slop. Use for any frontend work - landing pages, web apps, dashboards, admin panels, components,…
react-ban-use-effect
Review or replace React useEffect calls, or enforce a no-direct-effect policy. Use for effect implementation, refactoring, or lint policy; excludes unrelated…
vuejs
Vuejs (vuejs.org) for agents: Search vuejs — through Unbrowse's scoped MCP for vuejs.org (unofficial), which replays vuejs.org's own first-party API (no…
canai-stitch
Deploy Google Stitch screens to a CanAI WordPress site and bring the copy up to CanAI conventions, through the CanAI MCP server and the CanAI Stitch add-on…
dapp-development
Frontend dApp development on VeChain. VeChain Kit for React dApps, dapp-kit for lightweight integrations, React Query patterns, transaction UX, social login,…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
streamdown
Streamdown streaming-markdown expert guidance. Use when rendering streaming Markdown from AI models, building chat UIs with real-time content, or replacing…