tuts-web

Applies LocalM™ Tuts brand rules from the _brand submodule. Use when editing logos, metadata icons, public brand assets, or visual identity.

Guide for working with the _common git submodule in LocalM tutorial sites. Use when editing shared components, syncing the submodule, deciding whether a change belongs in _common or _tuts, or understanding the framework source structure.

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.