Setup & Installation
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
Version History
Reduce bundle to single file. Remove capability descriptions, returns tables, and explicit URLs.
What This Skill Does
Anima converts text descriptions, website URLs, or Figma designs into full-stack web applications with a built-in database and hosting. It also generates design-aware code from Figma directly into existing codebases. Two paths: create and publish a standalone app, or integrate generated code into a project.
Handles design, code generation, database setup, and hosting in one step rather than requiring separate tools for each layer.
When to use it
- Prototyping a SaaS dashboard from a plain-text description
- Cloning a competitor site into editable, hosted code
- Converting a Figma design file into a live web app
- Pulling Figma components into an existing React codebase
- Generating three app variants in parallel to compare visual directions
Example Workflow
Here's how your AI assistant might use this skill in practice.
User asks: Turn this Figma URL into a live site
- 1Extract file key and node ID from the Figma URL
- 2Call playground-create with type='f2c', fileKey, and nodesId parameters
- 3Wait for playground generation to complete (2-5 minutes)
- 4Call playground-publish with mode='webapp' to deploy
- 5Return the live URL to the user
A live hosted URL for the published web application built from the Figma design
Requirements
Accounts, API keys, or tools you or your AI assistant may need to set up while using this skill.