В каталоге 183 730 навыков в 14 категориях.
Mobile UX patterns, touch interactions, gesture design, mobile-first principles, app navigation, and mobile performance
(Mobile-First · Touch-First · Platform-Respectful)
Mobile UI/UX design patterns, platform conventions, responsive layouts, and accessibility
Build modern mobile applications with React Native, Flutter, Swift/SwiftUI, and Kotlin/Jetpack Compose. Covers mobile-fi...
Expert responsive design mentor focused on modern mobile UI patterns, touch-friendly interactions, and performance optim...
Implement mobile-first responsive design patterns and PWA features for modern web applications with focus on performance...
Mobile-first responsive design with Tailwind CSS v4. Use when building responsive layouts, configuring breakpoints, crea...
Comprehensive React Native + Three.js game UI/UX design and development framework. Covers responsive layouts, HUD system...
Mobile-Ios standards for mobile ios in Frontend environments. Covers
Mobile app onboarding flow — 3–5 screens with swipe indicators, value props, and CTA. Use for "onboarding", "walkthrough...
Apply mobile navigation, layout patterns, and responsive strategies. Implements bottom nav, drawer menus, responsive gri...
Skill de UI/UX de paywall e checkout de pagamento em apps mobile — seleção de plano, periodicidade, cupão, Google Play B...
Comprehensive mobile-first responsive design skill for converting desktop pages to mobile-friendly layouts. Use when imp...
Build performant, accessible, mobile-first web applications. Use when implementing responsive layouts, touch interaction...
Analyzes web applications for mobile responsive design issues including touch targets, typography, breakpoints, navigati...
Mobile UI patterns, gestures, animations, and platform-specific design.
Audit websites the way a phone visitor would fail on them — iOS zoom traps, sideways overflow, locked scroll, tap target...
Use when designing or building any mobile screen or component a user sees (Flutter, SwiftUI or Compose) - platform conve...
Design for mobile — touch targets, thumb zones, gesture patterns, iOS and Material 3 platform conventions, mobile form d...
Mobile-first UX optimization for touch interfaces, responsive layouts, and performance. Use for viewport handling, touch...
You are an expert in MobX, the simple and scalable state management library based on transparent reactive programming. Y...
Patterns for analyzing HTML/CSS mocks from Stitch, Figma, or similar tools. Covers section identification, component det...
Use when the user explicitly requests Mockdown browser editing or exporting a Mockdown wireframe as Markdown. Not for ge...
Use for "mock this up", "show me what this would look like", "prototype this flow", or before building any UI where the...
Scaffold high-fidelity UI component mockups using the project UI stack consuming approved wireframes. Use when implement...
Standards for UI mockups as self-contained HTML — dated folders, a gallery index, tokens as CSS variables, and the fixed...
Create interactive, production-ready UI mockups and prototypes using Vue.js 3, TypeScript, Vite, and TailwindCSS. Use wh...
Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree tu...
Extract reusable components from approved HTML mockups during implementation. Identifies patterns, maps CSS to Tailwind,...
Pattern of rule mockups. Load before frames are shown to the owner and when a design file is audited — reading the bound...
Overlays — modals, drawers, bottom sheets, popovers — interrupt or augment the main flow. Each type has a different scop...
Använd när du bygger en modal (E-Com Modal) som kräver bekräftelse eller ett aktivt val innan användaren kan fortsätta —...
Use this when deciding whether data belongs in Redux, component state, router state, or another external source. Covers...
Vergleicht verfügbare LLM-Modelle (Nous Portal) und hilft beim Auswählen des richtigen Modells für die jeweilige Aufgabe...
Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes
Proactively apply when creating design systems, component libraries, or any frontend application. Triggers on CSS Grid,...
Expert guide for cutting-edge Native CSS (2026 Standard) — CSS Anchor Positioning, @starting-style, View Transitions Lev...
This prompt instructs an image model to generate a hyper-realistic, magazine-style 8K editorial portrait from a top-down...
Comprehensive frontend design system for creating distinctive, production-grade interfaces that avoid generic AI aesthet...
This prompt instructs an image generator to produce a hyper-realistic, waist-up indoor mirror selfie with a warm wooden...
This prompt instructs an AI image generator to produce a photorealistic, fashion-editorial indoor portrait in a modern m...
This prompt instructs the AI to generate a photorealistic, modern photo booth-style film strip composed of four vertical...
Integrate systems after frontend direction.
Build clean, scalable UIs with Tailwind CSS using modern utilities and variants
Expert guidance for creating stunning, professional 2025 UI designs using Tailwind CSS and shadcn/ui. Ensures clean mini...
Expert frontend architecture review and design for modern web apps. Review existing apps against rendering strategy, sta...
Modern web architecture patterns, component design, state management, and best practices
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites,...
Create modern, responsive websites with professional design systems. Generates complete HTML/CSS/JS websites with Tailwi...
Tendencias y principios de diseño web 2024-25 (bento, glassmorphism, neobrutalism) como inspiración puntual. Úsala DESPU...
Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks...
Typography feels cohesive and intentional when font sizes follow a modular scale — a ratio-based sequence where every si...
Turn one service module (lambda_functions.py, s3.py, ...) into a package of small modules - core (models, analysis, anal...
Use when editing the 14th_ua MoE Calculator's two centre-screen TRANSIENT battle bars — the Progress Bar (Moving Average...
Caveman character: MOG, the hunter. Patient, sensory, speaks in terms of smell, track, and patience. The tribe's provide...
This skill should be used when the user asks to "create UI component", "build Blazor page", "add MudBlazor component", "...
Create and share AI-native music using Tone.js. Four genres, infinite possibilities.
Master MongoDB indexing and query optimization. Learn index types, explain plans, performance tuning, and query analysis...
Build premium scroll-driven web pages and product showcases inspired by high-end app, hardware, and product interaction...
アプリケーションとインフラの監視・アラート設計を専門とするスキル。ゴールデンシグナル（レイテンシー・トラフィック・エラー・飽和度）に基づくメトリクス戦略、構造化ログ設計、SLI/SLO定義、アラート閾値設定、ダッシュボード構成を統合的に提供...
This prompt instructs an image generator to create a high-contrast, black-and-white studio editorial portrait of the sam...
Expert knowledge of the Monto platform design system including colors, typography, spacing, components, and UI patterns
This prompt instructs an AI image editor to take an uploaded selfie or portrait and convert it into a realistic, cinemat...
Build production-ready frontend for Morpho Blue lending protocol on Solana. Covers all 26 program instructions across su...
Regulatory guidance for Canadian mortgage servicing software. Use when working with Canadian loan data models, payment p...
Regulatory guidance for U.S. mortgage servicing software. Use when working with loan data models, payment processing, lo...
Design or redesign a MotherDuck Dive as a responsive, reusable analytics interface. Use when a Dive must be mobile-frien...
Använd när du animerar eller transitionerar något — easing-kurvor (decelerate/accelerate/standard) och duration-tokens (...
Implement smooth, accessible animations with motion/react (Framer Motion) in React. Use when adding animations, gestures...
Animation skill for Motion (prev Framer Motion) and CSS animation. Provides: animation best practices (including specifi...
Motion (Framer Motion) React animation library. Use for drag-and-drop, scroll animations, gestures, SVG morphing, or enc...
Make a looping 3D motion-graphics film, 6 to 20 seconds, from a short brief. Real extruded, bevelled 3D type and SVG log...
WCAG 2.2 AA motion compliance, reduced-motion handling, ARIA patterns, focus management, and keyboard navigation. Use wh...
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, i...
Meaning-first animation with 3-tier hierarchy. CSS scroll-driven (animation-timeline: scroll()), View Transitions API, @...
Disney's 12 animation principles, cinematic storytelling techniques, and comic book conventions apply to web UI — used s...
Build Motion (Framer Motion) React animations — declarative motion components, variants, AnimatePresence, layout transit...
Audits web-interface motion and time-based behavior for accessibility barriers, including prefers-reduced-motion, CSS an...
Use this skill for implementing Motion (Framer Motion) animations in React applications. Covers animation presets, page...
Use when the user asks to audit, test or QA the motion, animations or microinteractions of a running page or app, says i...
This skill should be used when the user asks to "add an animated background", "build a mesh/gradient background", "make...
Plans purposeful UI motion behavior before implementation, including motion intent, triggers, duration and easing relati...
Use when a film needs product screenshots or UI crops, a product state the live app doesn't show, sharper crops for a ca...
Design or repair website motion such as scroll choreography, page transitions, reveals, gestures, or kinetic type. Use w...
Implement professional web animations in a target repo against an approved design blueprint or an explicit motion direct...
Use when deciding how a film beat looks and moves — motion density (a gesture in progress at every moment: 0.75 s gestur...
Skill de Motion Design para animações, transições e micro-interações. Use quando precisar definir ou implementar animaçõ...
Passerelle entre la marque de {{COMPANY_NAME}} et HyperFrames pour tout ce qui est animé dans une vidéo, titres, chiffre...
Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides ti...
name: motion-design-expert
Design and implement accessible UI motion systems for React, Next.js, and frontend interfaces. Use for animation, transi...
Agent profile for design motion systems, transitions, easing, reduced-motion behavior, and performance-safe animation. U...
Use this skill for motion tokens, durations, easing, choreographed transitions, reduced-motion support. Trigger when the...
Motion design and micro-animations for web interfaces — Framer Motion layout animations, CSS scroll-driven animations, V...
Advanced motion designer with decades of After Effects and motion graphics experience, specialized in creating engaging...
Use when React animation library — spring physics, gesture animations, layout animations, scroll effects, SVG path drawi...
Use when designing motion concepts, animation systems, choreography, timing, easing, reduced-motion behavior, or decidin...
Design and audit interface motion so every animation explains something - direction, amount, cause, state - with a share...
Use this to make a finished motion video that has something to say: an explainer, a product or feature video, a data sto...