القائمة
جمع SkillsMP عدد ١٢ من skills من Continero/rbcn2026-agenda. افتح أي skill لمراجعة مصدره وتفاصيله.
عرض ١٢ من أصل ١٢ skills مجمعة.
Adds CSS animation effects to conference UI - progress bar shimmer sweep, current talk glow breathe, up-next border shift, and golden shimmer for special events. All pure CSS, no JavaScript. Use when adding polish animations to UI components.
لغة النص الأصلي: الإنجليزية
Establishes conference visual identity with custom fonts, color palettes, and Tailwind CSS v4 design tokens. Covers self-hosted font setup, @theme inline configuration, and typography hierarchy. Use when applying brand styling to a conference display.
لغة النص الأصلي: الإنجليزية
Orchestrates building a live conference agenda display from scratch using Next.js, Tailwind CSS, and animated backgrounds. Guides through 5 phases referencing specialized sub-skills. Use when starting a new conference agenda project or replicating the RoboCon…
لغة النص الأصلي: الإنجليزية
Builds the real-time schedule state engine with useCurrentTime hook, URL-based time simulation, and getScheduleState calculator. Handles current/past/upcoming detection, multi-day switching, and progress tracking. Use when implementing live schedule tracking…
لغة النص الأصلي: الإنجليزية
Builds all conference schedule UI components - Header with live clock, CurrentTalk with speaker avatars, BreakCard with countdown, UpNext with expandable abstracts, PastTalks with collapsed view, and ProgressBar with shimmer. Use when implementing conference…
لغة النص الأصلي: الإنجليزية
Creates a multi-layer CSS aurora gradient background with twinkling stars and talk-change pulse effects. Uses GPU-accelerated CSS animations and seeded random star placement. No JavaScript animation loop. Use when adding atmospheric effects to a dark-themed…
لغة النص الأصلي: الإنجليزية
Creates animated SVG characters that walk along the bottom edge of the display with speech bubbles, physics interactions, and special actions like shooting, power-ups, eating, and singing duets. Uses requestAnimationFrame with direct DOM manipulation. Use…
لغة النص الأصلي: الإنجليزية
Deploys a Next.js conference agenda app to Netlify with the Next.js plugin. Covers build settings, environment config, and continuous deployment from GitHub. Use when deploying the conference display to production.
لغة النص الأصلي: الإنجليزية
Designs a fixed-viewport layout optimized for TV/large screen display with responsive mobile fallback. Covers 75% width constraint, overflow control, three-section layout, and auto-scroll. Use when building a full-screen display for TVs or kiosks.
لغة النص الأصلي: الإنجليزية
Adds physics-based flying objects using matter.js - shooting logos that fly diagonally, bounce off walls with spark effects, and accumulate in a physics pile at the bottom. Uses requestAnimationFrame with direct DOM manipulation for 60fps. Use when adding…
لغة النص الأصلي: الإنجليزية
Defines TypeScript interfaces and data structures for conference schedule items and speaker profiles. Covers ScheduleItem interface, Speaker lookup table, timezone handling, and abstract cleaning. Use when setting up conference data models.
لغة النص الأصلي: الإنجليزية
Scaffolds a Next.js 16 project with React 19, Tailwind CSS v4, and TypeScript optimized for TV display. Configures cursor hiding, overflow control, remote image patterns, and installs matter-js and qrcode.react. Use when creating a new TV-optimized web…
لغة النص الأصلي: الإنجليزية