frontend▌

Build complete, production-ready frontend pages by orchestrating 5 specialized capabilities: design engineering, motion systems, AI-generated assets, persuasive copy, and generative art.

Design and execute a targeted link acquisition campaign with prospect scoring and outreach strategy. \n \n Diagnose which authority dimension is weakest (citation, identity, trust, or eminence) to prioritize the right strategy and maximize impact \n Choose from three tiers of tactics: high-authority scalable approaches (original research, tools, comprehensive guides), targeted relationship-based methods (guest posting, resource pages, broken link building), and community/PR channels \n Score eac

Start by proving the current project builds and runs. Capture the command you use so the generated workspace can be validated the same way.

Guides link building strategy: acquiring quality backlinks to improve domain authority and rankings.

Upgrade React applications to latest versions, migrate class components to hooks, and adopt concurrent features. \n \n Covers version upgrade paths (React 16→17→18) with breaking changes, class-to-hooks migration patterns, and concurrent features like Suspense, transitions, and automatic batching \n Includes ready-to-run codemods for automating unsafe lifecycle renames, import updates, and class-to-function conversions \n Demonstrates performance optimization techniques using useMemo, useCallbac

Use buildableFolders instead of sources and resources globs. Buildable folders stay synchronized with the file system, so adding or removing files does not require regeneration.

DEPRECATED: Use mcp-app-builder instead. Build ChatGPT apps with interactive widgets and zero-config React development. \n \n This skill is deprecated; migrate to mcp-app-builder for continued support and updates \n Enables collaborative UI between human users and LLM through shared interactive widgets \n Provides server handlers, React widget scaffolding, state management, and built-in hooks for tool calls and follow-up messages \n Covers display modes (inline, fullscreen, picture-in-picture),

Comprehensive guide for building Blazor apps with Microsoft Fluent UI components. \n \n Covers setup (service registration, mandatory providers), component patterns (lists, dialogs, forms), and icons via a separate NuGet package with strongly-typed variants and sizes \n Explains critical patterns: FluentSelect / FluentAutocomplete use Items , OptionText , and SelectedOption binding (not <option> children), and dialogs use IDialogService with content components, not visibility toggling \n Pr