Frontend

React Best Practices provides performance rules for writing, reviewing, and refactoring React code. Use it for component rendering, data fetching, bundle size, and re-render optimization.

Deprecation Process plans and executes the removal of a design system component, token, or pattern. It covers timelines, usage audit, migration guidance, communication, and phased removal when something needs to be replaced or retired.

Elegant Design creates accessible, responsive interfaces with polished interactions for chat, terminals, code display, and streaming content. Use it when building developer-focused web UIs that need careful layout, state handling, and design-system discipline.

Frontend Skills Discovery automatically routes frontend development tasks to the right sub-skill for React, Next.js, state management, forms, accessibility, performance, and SEO. Use it when working on UI or terminal-based web interfaces.

MATLAB uihtml App Builder builds interactive web UIs in HTML, JavaScript, and MATLAB using the uihtml component. Use it for MATLAB apps that need browser-based interfaces, event handling, and data exchange between JavaScript and MATLAB.

MATLAB UiHTML Design generates polished HTML/CSS/JS control panels for MATLAB uihtml components. Use it when building or restyling app controls with sliders, buttons, toggles, and panels.

Align Grid builds Müller-Brockmann modular grid webpages with CSS-variable-driven columns, baseline rhythm, and optical alignment. Use it when you need a visible, load-bearing grid that can be toggled and verified with a Puppeteer harness.

LiveComponent builds reactive server-rendered UI in Symfony UX that re-renders over AJAX when users interact. Use it for live search, inline validation, dependent selects, auto-save, polling, and other components that update from user input.

Stimulus connects JavaScript controllers to server-rendered HTML with data attributes. Use it for click and input handling, toggles, modals, tabs, keyboard shortcuts, outlets, and wrapping third-party libraries in Symfony UX.

Symfony UX helps choose between Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons, and UX Map for a Symfony frontend. Use it when you need help picking the right tool or combining several UX packages.

Turbo provides Hotwire Turbo for Symfony UX with Drive, Frames, and Streams. Use it for AJAX navigation, lazy-loaded sections, inline editing, pagination without reload, modals from the server, and real-time updates.

Twig Component creates reusable server-rendered UI components with PHP classes and Twig templates. Use it for props, slots, computed properties, or Twig-only components when building buttons, cards, alerts, and other shared UI elements.