propkit
CommunityCreate consistent, production-ready Figma property panels.
Authorrogie
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the design and development of Figma-style property panels, ensuring pattern consistency and efficient composition.
Core Features & Use Cases
- Pattern Guidance: Provides best practices for arranging property fields using FigUI3 components, including horizontal
fig-fieldrows with labels and controls. - Component Selection: Recommends suitable FigUI3 controls for different property types, such as sliders, color pickers, dropdowns, and switches.
- Quick Start: Use the propkit skill to generate atomic, deterministic prompts for creating property panel layouts with specific labels and controls.
Quick Start
Use the propkit skill to generate a horizontal property row with a fig-slider labeled Opacity, ranging from 0 to 100, with percentage units, and set to display text input.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: propkit Download link: https://github.com/rogie/figui3/archive/main.zip#propkit 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 471,000+ vetted skills library on demand.