ui-panel-float-z
OfficialCreate 3D floating UI mock cards with depth cues and parallax effects.
Authorgooseworks-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill generates realistic UI mock cards with depth cues and parallax effects, helping to visually represent a product in a more engaging and realistic manner.
Core Features & Use Cases
- 3D Depth Cues: Achieves a 3D tilt effect with subtle 3D tilt and parallax drift.
- Parallax Effects: Adds continuous parallax drift for an immersive experience.
- Customizable UI Mock Card: Users can input their own React/HTML content and customize various properties like size, tilt, and shadow.
- Use Case: Ideal for creating product demos, showcasing UI designs in a dynamic way, and enhancing visual presentations.
Quick Start
Generate a 3D floating UI mock card with a width of 720px and a height of 1080px, using the content: "<Your UI content here>".
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ui-panel-float-z Download link: https://github.com/gooseworks-ai/gooseworks-ads-skills/archive/main.zip#ui-panel-float-z Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.