frontend▌

Name: Premium Utilitarian Minimalism & Editorial UI Description: An advanced frontend engineering directive for generating highly refined, ultra-minimalist, "document-style" web interfaces analogous to top-tier workspace platforms. This protocol strictly enforces a high-contrast warm monochrome palette, bespoke typographic hierarchies, meticulous structural macro-whitespace, bento-grid layouts, and an ultra-flat component architecture with deliberate muted pastel accents. It actively reject

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

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.

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

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

React useEffect best practices guide covering when to use Effects and superior alternatives. \n \n Teaches the escape-hatch nature of Effects: use only for synchronizing with external systems, not for derived state, expensive calculations, or user event responses \n Provides a decision tree and quick-reference table mapping common situations (data fetching, state derivation, prop changes) to the correct React pattern \n Covers when NOT to use Effects: transforming data for render, handling user

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

Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

Unified design skill: brand, tokens, UI, logo, CIP, slides, banners, social photos, icons.