TastefulKit 6 views · 24h
← AI skills

Forma Objects and 3D — Interactive Material Components

Guides integration of interactive book, cover and mascot objects with explicit geometry, material, gesture and renderer-lifecycle requirements. Useful for product showcases and reusable 2D/3D interface components.

3dinteractive-componentsmaterial-designdesign-tool-workflow
View skill source ↗ Repository ↗ Website ↗

1 GitHub stars (repository-wide; checked Nov 1, 2026)

skills.sh installs: not checked

When to use it

Supply the destination component, authorized assets, expected views, gestures and fallback. The workflow separates CSS objects from actual WebGL, checks loaders, resize/disposal and reduced-motion alternatives, and records observed versus untested fidelity. Requires the complete Forma resources and an appropriate destination renderer; does not generate or validate 3D merely by reading the skill. Asset and third-party dependency terms need separate review. Reviewed upstream documentation only; not installed or runtime-tested. GitHub stars are repository-wide, not skill-specific.

Compatible agents

CodexClaude CodeCursorGitHub CopilotOpenCodeGemini CLI

Installation

Use the complete Forma package, not this SKILL.md alone. Codex: clone https://github.com/figueirego/forma.git; from the clone run `codex plugin marketplace add .` then `codex plugin add forma@forma-community`. Claude Code: `claude plugin marketplace add figueirego/forma` then `claude plugin install forma@forma-community`. Start a new session. Other supported Agent Skills hosts: copy all 12 folders from distributions/agent-skills/ into the host-recognized skills directory, retaining shared resources. See upstream docs/INSTALLATION.md; choose one format per assistant.

Review the source and instructions before installing in your agent.

License

MIT

Last checked Nov 1, 2026.

Pair this skill with a visual reference

A skill guides how your agent works; a design reference shows the direction you want. Choose an example for a specific job, such as the headline hierarchy or form layout, and keep your project's existing design rules explicit.

Start with design references you can inspect, then use our guide to briefing an AI coding agent to turn observations into requirements. If you need implementation components, compare UI libraries for your stack.

These pages are public. Browsing a skill does not install it, and TastefulKit's design-reference MCP tools do not search the AI-skill directory.