Навыки: Дизайн

UX/UI specialist auditing Hugo layouts, components, navigation, and interactions against the Tone & Voice Guide. Ensures...

Generates interactive HTML prototypes optimized for dual human+agent interaction. Produces semantic, accessible designs...

Apply cognitive psychology principles to design discoverable, understandable products through affordances, signifiers, f...

Design products that accommodate actual human cognition and behavior rather than expecting humans to adapt to arbitrary...

Human-computer interaction (HCI) as a discipline -- usability heuristics, interaction paradigms (CLI, GUI, touch, voice,...

Vision-powered UX simulation engine. Opens UIs in a real browser, takes screenshots, clicks through flows, records video...

Design the human approval surface for an agent system — which actions gate, how approvals batch without becoming rubber...

Use when editing or reviewing prose to remove AI-writing patterns while preserving facts, intent, and the author's voice...

This prompt instructs the AI to generate an ultra-high-resolution, studio-lit, microscopic-style photograph of an imposs...

> > READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graph...

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene tr...

Multi-frame animated composition with CSS keyframes — scroll-driven or auto-playing frames for storytelling. Use with "h...

Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or...

READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graphic — a prom...

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene tr...

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader...

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes,...

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes,...

Only load when the user explicitly mentions HyperFrames. Bring Figma into a HyperFrames video - rendered assets, brand t...

Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual...

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP...

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader...

Elite agent skill for creating premium "Product Launch Videos" using Hyperframes. Supports brand DNA extraction, scene-b...

Only load when the user explicitly mentions HyperFrames. Bring existing video code or footage into HyperFrames and verif...

Use when working with a person on a HyperFrames project in Studio: first, whether their message asks for a change at all...

Turn websites, product interfaces, and design-system outputs into deterministic HTML-native videos with HyperFrames, its...

Inspect and integrate Hyperiux Vault effects from Hyperiux-Immersion-Labs/hyperiux-components. Use when the user names H...

HyperShift team-specific Jira requirements for component selection and conventions

Personal HyperStim guidelines. Use when working with HyperStim (data attribute-driven frontend framework).

Builds an answer-first plan by stating disprovable hypotheses and, for each, the "what would prove me wrong" test and th...

Structured hypothesis formulation: turn observations into testable hypotheses with predictions, propose mechanisms, desi...

Guides design of comfortable, intuitive VR/MR experiences for Meta VR and Horizon OS — comfort guidelines, interaction p...

Builds app UI for Meta VR and Horizon OS with the MetaVrx UI Set, a Jetpack Compose component library and design system....

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience acro...

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usabilit...

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to c...

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Gene...

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintainin...

Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and...

Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and e...

Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional reso...

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates fu...

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.

Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportuniti...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case manageme...

Normalize design to match your design system and ensure consistency

Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully...