4.8K skills · sorted by relevance
Draft simple black-and-white screen layouts as standalone SVG files, with numbered explanations of each area. For multiple screens, create a flow overview and an optional static viewer page for browsing and zooming during review.
Create a hand-drawn HTML wireframe for exploring screen layouts before detailed design. Graph paper, sticky notes, sketch tabs, and rough chart placeholders present an early concept with annotations for discussion and review.
Plan HyperFrames videos so motion flows continuously between scenes. Match movement direction and speed across cuts, connect actions through visible causes, and verify scene boundaries while keeping each scene active through meaningful reveals or interactions.
Find, generate, and prepare media for HyperFrames projects, saving assets locally with records for reuse. Covers images, music, voiceovers, transcription, captions, background removal, media edits, and visual treatments such as color correction or retro styling.
Turn articles, notes, or a topic into an explainer video without filming a presenter. The workflow plans the story, creates text and diagram visuals, adds narration when needed, and prepares an MP4 in HyperFrames.
Design oversized cursor animation for HyperFrames launch videos. Guide viewers toward interface actions, make clicks trigger the next animation, and connect scenes through deliberate pointer movement, with guidance on size, appearance, entry, targeting, and exit.
Add a 3D card carousel to a HyperFrames video. Rounded cuboids enter from the right, rotate in sequence, pause on a featured card, and exit left, with 40 variables for content, geometry, lighting, and camera settings.
Turn a product URL, script, or brief into a launch or promotional video in HyperFrames. The workflow covers source capture, brand styling, storyboards, narration, music, and animated scenes, including tours that feature actual website screenshots.
Find explanations, tutorials, configuration guidance, and code examples in official documentation for Microsoft technologies. Choose documentation sources for Azure, .NET, VS Code, GitHub, Aspire, and Agent Framework based on where the relevant material is published.
Build, update, explain, or review Microsoft Agent Framework applications in .NET or Python. The skill guides agent and workflow design using current official documentation and supports migration from Semantic Kernel or AutoGen.
Generate database relationship diagrams from Entity Framework Core models, mappings, and migrations. Produce D2 diagram source showing tables, keys, relationships, and constraints, with display options for columns and grouping. The d2 CLI can render SVG or PNG images.
Rebuild existing web pages as working, editable local code using their actual content and assets. Inspect desktop and mobile layouts, reproduce interactions and animations, then compare rendered pages and fix visible or functional differences.
Clean, combine, summarize, and reshape tabular data with pandas DataFrames, Python's table-like data structures. Produces transformation code and validation checks, including time series processing and memory-conscious approaches for large datasets.
Build .NET 8 APIs and backend services using C# 12, with clear separation of application responsibilities. The skill covers database access, authentication, API documentation, compilation checks, and integration tests that verify components working together.
Build Django web applications and REST APIs with Django REST Framework. This skill guides data models, input validation, views, authentication, permissions, and tests, while improving how applications retrieve related records from the database.
Create a film-style opening frame or chapter card as a single HTML file. Combine warm light leaks, grain texture, large serif titles, and optional scratches or film perforations for documentaries and personal short films.
Plan and configure command and control (C2) systems for red team exercises. Covers major frameworks, communication methods, relay servers, certificate management, and the network or endpoint signals defenders use to detect these systems.
Create 2D sprite animations from an approved character frame. Generate all frames together, normalize their size and alignment, and prepare preview sheets to check consistency before using the animation in a game.
Identify a .NET project’s test framework, project format, and execution platform: VSTest or Microsoft.Testing.Platform. Trace configuration imports and overrides to explain the result, including conflicting settings or differences between target frameworks.
Migrate .NET Framework code that forcibly stops threads to cooperative cancellation, where work checks and responds to stop requests. The skill covers loops, timeouts, blocked threads, and ASP.NET request endings, with cleanup and validation guidance.
Use when animating 2D game art with Scenario: walk, idle or attack cycles in 4 or 8 directions, isometric sprite sheets, animated GIFs, frame-by-frame pixel art animation, VFX loops such as fire or smoke, looping a sprite seamlessly, animating an existing character image, a full animation sheet from one prompt, extracting animation frames from a generated video, or slicing a sprite sheet into engine-ready frames for Unity, Godot, or Unreal. Keywords: spritesheet, keyframes, frame grid, GIF.
The English summary is being prepared. Showing the original description.
Expert patterns for 2D animation in Godot using AnimatedSprite2D and skeletal cutout rigs. Use when implementing sprite frame animations, procedural animation (squash/stretch), cutout bone hierarchies, or frame-perfect timing systems. Trigger keywords: AnimatedSprite2D, SpriteFrames, animation_finished, animation_looped, frame_changed, frame_progress, set_frame_and_progress, cutout animation, skeletal 2D, Bone2D, procedural animation, animation state machine, advance(0).
The English summary is being prepared. Showing the original description.
Expert patterns for 2D animation in Godot using AnimatedSprite2D and skeletal cutout rigs. Use when implementing sprite frame animations, procedural animation (squash/stretch), cutout bone hierarchies, or frame-perfect timing systems. Trigger keywords: AnimatedSprite2D, SpriteFrames, animation_finished, animation_looped, frame_changed, frame_progress, set_frame_and_progress, cutout animation, skeletal 2D, Bone2D, procedural animation, animation state machine, advance(0).
The English summary is being prepared. Showing the original description.
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project. Inputs may be a website URL, GitHub PR, Figma design or URL, text or brief, existing footage, or music. It resumes project state, captures intent when applicable, selects and installs the owning workflow, and routes domain capabilities. HyperFrames is the default output framework unless the user explicitly chooses another framework for the deliverable or asks only to record a browser session.
The English summary is being prepared. Showing the original description.