How do I install the Implement Fwf UI skill?

Run npx skillmds@latest add henryhawke/implement-fwf-ui in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Implement Fwf UI safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Implement Fwf UI?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Implement Fwf UI free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Implement Fwf UI?

henryhawke (@henryhawke) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Implement Fwf UI by henryhawke — Agent Skill

Name: Implement Fwf UI
Rating: 4.2 (5 reviews)
Author: henryhawke

Implement Fwf UI

Implement or refactor Fart With Friends Flutter screens, widgets, themes, interaction states, audio/reaction capture, Fart Map filtering, shell navigation, and accessibility according to the canonical FWF UI system. Use for code changes under lib/presentation or lib/core/theme and for translating approved Toxic Candy mockups into production Flutter without breaking privacy, consent, offline, or route contracts.

henryhawke Updated Sep 10, 2026

File contents

Implement FWF UI

Ship production Flutter UI from the canonical FWF design system.

Workflow

Read repo AGENTS.md, docs/MANIFEST.md, and docs/skills/fartwithfriends-ui/SKILL.md when available.
Find the live implementation with Semble; read the smallest owning widget/provider/repository.
State the screen job, hero action, privacy/consent boundary, and required edge states.
Reuse FwfTheme, FwfThemeTokens, AppTokens, and shared shell/components. Do not add parallel palettes or magic numbers.
Keep state in Riverpod/service layers when it crosses widgets; keep transient gesture animation local.
Add or update focused widget/unit tests, format changed Dart, and run targeted analysis.

Hard Contracts

Global shell order: Fart Map, Inbox, center 80px Fart action, Saved, Profile.
Center action uses assets/images/icon.png; preserve tap/hold semantics and semantic label.
Fart Map contains public drops. Everyone | My friends filters authorship among public drops only.
Hold-to-listen auto-records a reaction only after explicit camera/mic consent, stops with the hold, and enters preview-before-send.
Respect reduced motion/transparency, 44–48dp touch targets, text scaling, offline/loading/error states, and cancellation.

References

references/architecture.md — project file ownership and implementation patterns.
references/interaction-contracts.md — FWF-specific interaction, consent, and privacy rules.

Frequently asked questions