Web & Frontend

muhammedadnank Bundle

Best practices for Remotion - Video creation in React

muhammedadnank Skill

Microsoft Store Developer CLI (msstore) for publishing Windows applications to the Microsoft Store. Use when asked to configure Store credentials, list Store apps, check submission status, publish submissions, manage package flights, set up CI/CD for Store publishing, or integrate with Partner Center. Supports Windows App SDK/WinUI, UWP, .NET MAUI, Flutter, Electron, React Native, and PWA applications.

muhammedadnank Bundle

Convert Stitch HTML designs to React Native components with StyleSheet

muhammedadnank Bundle

Edit any selfie or screen-share footage into a viral short-form video in YUV.AI's signature style — Apple-style liquid-glass cards (real CSS backdrop-filter), dark-mode polish, MrBeast-paced cuts, video-title karaoke captions, premium GSAP motion graphics, no fake content, never covering the speaker's face. Hebrew is rendered in Rubik Black, English in Anton uppercase. Always renders BOTH 9:16 and 16:9 and always saves with _V<N> suffix for backups. Trigger when the user drops a path to an .mp4/.mov/.mkv and says "edit this", "make it viral", "turn this into a short", or any Hebrew equivalent (ערוך סרטון, סרטון ויראלי, להפוך לוויראלי, ריל, שורט). The pipeline is the COMBINATION of two skills: video-use (transcription + word-snapped cuts + base extraction) and hyperframes (HTML/CSS/GSAP visual composition + render). Do NOT use for podcast-only audio edits.

muhammedadnank Bundle

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

muhammedadnank Bundle

Upload local assets (images, mockups, extracted HTML) to a Stitch project. ALWAYS use this skill when you need to upload visual assets or full HTML pages to Stitch, particularly when direct MCP tool calls fail or truncate due to base64 token limits.

muhammedadnank Bundle

Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to capture a specific UI state, share a static version of a page, or prepare assets for Stitch upload, even if the user just asks to 'save the HTML' or 'mock the view'.

muhammedadnank Bundle

Generate a concise 4-5 page equity research earnings preview for a single company. Analyzes the most recent earnings transcript, competitor landscape, valuation, and recent news to produce a professional HTML report.

jiaiyan Skill

Helps customize Vant themes using CSS Variables and ConfigProvider. Invoke when user needs to customize colors, enable dark mode, or modify component styles.

jiaiyan Skill

Provides an overview of all Vant components organized by category. Invoke when user needs to explore available components or find the right component for their use case.

jiaiyan Skill

Helps set up and configure Vant in Vue 3 projects. Invoke when user needs to install, import, or configure Vant in a new or existing project.

jiaiyan Skill

Provides an overview of all Vant composables (Vue 3 composition API utilities). Invoke when user needs to explore available composables or find the right composable for their use case.

jiaiyan Skill

Tab component for switching between different content areas. Invoke when user needs to implement tabbed interfaces with multiple panels.

jiaiyan Skill

Tag component for marking keywords and labels. Invoke when user needs to display tags, labels, status indicators, or categorization badges.

jiaiyan Skill

Area selection component with three-level linkage for provinces, cities, and districts. Invoke when user needs to implement location selection functionality.

jiaiyan Skill

Card component for displaying product information including images, prices, and descriptions. Invoke when user needs to implement product display or shopping cart items.

jiaiyan Skill

Cell component for displaying items in a list. Invoke when user needs to create list items, settings pages, or navigation menus with icons, links, and custom content.

jiaiyan Skill

Form component for data entry and verification. Invoke when user needs to implement form validation, submission, or complex form layouts.

jiaiyan Skill

Grid component for dividing pages into equal-width blocks. Invoke when user needs to create grid layouts for navigation or content display.

jiaiyan Skill

Icon component based on font icons. Invoke when user needs to display icons, badges on icons, custom icon fonts, or use icons in other components.

jiaiyan Skill

List component for displaying items with infinite scroll and loading states. Invoke when user needs to implement infinite scrolling lists or load-more functionality.

jiaiyan Skill

Rate component for rating things with stars. Invoke when user needs to implement rating systems, star ratings, or custom icon ratings.

jiaiyan Skill

Covers advanced Vant usage patterns including component registration, browser adaptation, and performance optimization. Invoke when user needs advanced configuration or encounters complex scenarios.

jiaiyan Skill

Badge component for displaying small badges or red dots on the top-right corner. Invoke when user needs to show notification counts, status indicators, or small badges.

jiaiyan Skill

Empty state component for displaying placeholder content when no data is available. Invoke when user needs to show empty states, error pages, or placeholder illustrations.

jiaiyan Skill

Field component for user input. Invoke when user needs to implement text input, textarea, or various input types with validation.

jiaiyan Skill

Enhanced image component with multiple fill modes, lazy loading, and placeholder support. Invoke when user needs to display images with custom fit modes, lazy loading, or loading/error states.

jiaiyan Skill

Popup component for displaying modal windows, information prompts, and overlays. Invoke when user needs to show popups, modals, or slide-out panels.

jiaiyan Skill

Radio component for single selection among multiple options. Invoke when user needs to implement radio buttons, radio groups, or custom radio selections.

jiaiyan Skill

Space component for setting spacing between elements. Invoke when user needs to add consistent spacing between components or create flexible layouts.

jiaiyan Skill

Steps navigation component for displaying progress flow. Invoke when user needs to show step progress, wizard forms, or process tracking.

jiaiyan Skill

Built-in style utilities for common CSS patterns. Invoke when user needs text ellipsis, hairlines, safe areas, animations, or clearfix.

jiaiyan Skill

Swipe carousel component for looping images or content. Invoke when user needs to create image carousels, content sliders, or swipeable galleries.

jiaiyan Skill

Toast component for displaying message notifications, loading hints, and operation results. Invoke when user needs to show feedback messages or loading states.

jiaiyan Skill

Button component for mobile interactions with various types, sizes, and styles. Invoke when user needs to implement buttons, loading states, or customize button appearance in mobile applications.

jiaiyan Skill

Circular progress bar component with gradient color support. Invoke when user needs to display circular progress indicators or animated progress bars.