skills.rest
artosetrov
artosetrovCOMMUNITY
Explore all skills by this author →
GitHub

ds-prototype

Connect Figma screens with interactions and transitions to create clickable prototypes.

Updated Mar 5, 2026
Search Tags:#onboarding#figma#navigation#flow#prototype#transitions#minigames
One-click install
npx skills add https://github.com/artosetrov/iron-fist-arena-backend --skill ds-prototype
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ds-prototype
Source: https://github.com/artosetrov/iron-fist-arena-backend/tree/main/.claude/skills/ds-prototype
Command: npx skills add https://github.com/artosetrov/iron-fist-arena-backend --skill ds-prototype

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DS Prototype — creates clickable prototype flows in Figma by connecting screens with interactions and transitions. Builds navigation flows for onboarding, PvP, PvE, shopping, equipment, progression, social, and minigames. Use this skill AFTER all screens are built (ds-screen-builder). Trigger: "prototype", "прототип", "flow connections", "clickable flow", "navigation flow", "connect screens", "подключи переходы", "сделай кликабельным".

Core Features & Use Cases

  • Connect frames with interactions to simulate navigation.
  • Build multi-flow navigation (onboarding, PvP, PvE, shop, etc.) for realistic prototypes.
  • Validate screen inventory and prototype links before sharing.

Quick Start

Connect screens in your Figma file by linking frames with click interactions and transitions to build onboarding, PvP, PvE, shopping, equipment, progression, social, and minigames flows, then verify navigation paths and transitions.

Frequently Asked Questions about ds-prototype

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I connect Figma screens with transitions to build a clickable prototype?▼

You create clickable Figma flows by linking completed screen frames with click interactions and named transitions using the Figma Prototype API, enabling navigation simulation across onboarding, PvP, PvE, shopping, and minigames design flows.

What is the best way to build multi-flow navigation for onboarding and combat screens in Figma?▼

The best way to build multi-flow navigation is to link completed onboarding, PvP, PvE, shopping, and minigames screen frames with defined interactions and transitions, validating the complete navigation paths before sharing the Figma prototype.

Do I need to finish all my Figma screens before creating clickable flow connections?▼

Yes, creating clickable flow connections requires an existing Figma file with all UI screens completely built beforehand, as the process enforces prerequisites by validating screen inventory and applying named transitions via the Figma Prototype API.

Can I use Figma prototype transitions to validate shopping and equipment progression paths?▼

Yes, you can apply interactions and transitions to shopping, equipment, and progression screen frames to validate navigation paths and ensure the Figma prototype links function correctly before sharing the complete design.

Why are my Figma prototype transitions not working when connecting screens?▼

Figma prototype transitions may fail if the screen inventory validation fails or if transitions are not properly named via the Figma Prototype API, requiring existing screens and correctly defined flow connections to function.

Related Skills

Explore More Design & Creative Skills→
segmently-aisegmently-ai

segmently-cli-figma-webembed-import

Extract Figma frames into WebEmbed screen artifacts for Segmently CLI imports.

Official
Advanced
easingthemeseasingthemes
6

dx-figma-verify

Compare HTML/CSS prototypes against Figma reference screenshots and generate verification reports.

Community
Advanced
NagyViktNagyVikt
2

figma-generate-design

Generate and synchronize Figma screens from source code UI structures.

Community
Advanced
NaimalArain13NaimalArain13
2

figma-animations-prototypes

Prototype interactive UI animations with Figma Smart Animate transitions.

Community
Intermediate