Menu
Create a cross-platform UI Definition contract for FiFi apps (app-owned design system).
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/Paoapps/fifi --skill fifi-componentThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
| name | fifi-component |
| description | Create a cross-platform UI Definition contract for FiFi apps (app-owned design system). |
FiFi ships minimal primitives (TextDefinition, ConfirmationDialogDefinition). Full components live in your app using the Definition pattern.
object ArticleRowDefinition {
data class Properties<Event>(
val title: TextDefinition.Properties,
val subtitle: TextDefinition.Properties? = null,
val onClick: Event,
)
data class Style(
val padding: Dp = 16.dp,
)
}
Event for interactionsProperties in Output*Component.kt / *Component.swift render Propertiescom.paoapps.fifi.ui.component.TextDefinitioncom.paoapps.fifi.ui.component.ConfirmationDialogDefinitionLightAndDarkColor, StateColor, AttributedTextColorToken, FontToken, SealedImage — app-owned