القائمة
Applies LocalM™ Tuts brand rules from the _brand submodule. Use when editing logos, metadata icons, public brand assets, or visual identity.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | brand-guidelines |
| description | Applies LocalM™ Tuts brand rules from the _brand submodule. Use when editing logos, metadata icons, public brand assets, or visual identity. |
| license | Complete terms in LICENSE.txt |
Use this skill whenever work touches brand assets, logos, favicon/OG metadata, or visual identity.
_brand/localm_tuts_brands.svg — master artboard_brand/docs/BRAND_GUIDE.md — canonical brand guide (single source)_brand/dist/localm/ — generated SVGs + transparent PNGsAll brand documentation lives in _brand/docs/. Do not duplicate in _tuts/docs/.
_tuts copies only the files actually referenced by app code from _brand/dist/localm/
directly into public/brand/ (flat — no localm/ subfolder).
Referenced files: see public/brand/README.md for the complete list.
_brand/localm_tuts_brands.svg.python _brand/scripts/generate_localm_brand_assets.py
public/brand/ (see sync script in public/brand/README.md)._brand pointer and public/brand/ files._brand/docs/BRAND_GUIDE.md tokens._brand/dist/ into the consumer repo.og-image-template). PNGs are transparent.layout.tsx, manifest.webmanifest, and site.ts icon paths pointing to public/brand/.<BrandLockup> component from @localm/tutorial-framework — never inline brand styles:
sm (footer), md (header), lg (splash)localm: Share Tech Mono (primary), TM: superscript Outfit weight 600, TUTS: Outfit Light (secondary)Consolas, Courier New, monospace; Sans Segoe UI, Roboto, Arial, sans-serifGuide 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.