# uniform-experience-modeling

> Claude/Codex skill by [@uniformdev](https://omgskills.com/library/uniformdev/index.md) · 2 stars · Updated 2026-10-08

Best practices for experience modeling in Uniform — designing component definitions with well-chosen parameters, slots, editors, and naming, deciding between slots and parameters, blocks and slots, content-agnostic and content-specific components, choosing component granularity (atomic building blocks vs pre-composed components), and using component and composition patterns well (overrides, pattern data resources, slot sections, localization). Use when creating or updating Uniform component definitions or patterns, mapping code components (React, etc.) or a design system to Uniform components, or reviewing an existing component library for best-practice violations.

## Install

```sh
git clone https://github.com/uniformdev/agent-skills /tmp/agent-skills && ln -s /tmp/agent-skills/skills/uniform-experience-modeling ~/.claude/skills/uniform-experience-modeling
```

## From README

Uniform experience modeling Experience modeling is the process of building Uniform component definitions that represent the experience layer of a digital product: how content is displayed and how authors compose it. It contrasts with content modeling, which defines display-agnostic structured content (content types and entries). This skill encodes best practices for building component sets that are easy to author, easy to maintain, and map cleanly to code components. Key principles Components map to code components A Uniform component typically maps to a frontend code component. Parameters map to props; slots map to children or child-component props. Not every prop needs to be exposed — hardcode props that editors should not manage. Align parameter public IDs and types with the corresponding props to avoid mapping logic.

## Links

- HTML page: https://omgskills.com/library/uniformdev/agent-skills/skills/uniform-experience-modeling/
- GitHub: https://github.com/uniformdev/agent-skills
- Author: [@uniformdev](https://omgskills.com/library/uniformdev/index.md)

## More from this repo

- [uniform-content-modeling](https://omgskills.com/library/uniformdev/agent-skills/skills/uniform-content-modeling/index.md) — Best practices for content modeling in Uniform — designing content types with well-chosen fields, validations, and...
   - [@uniformdev](https://omgskills.com/library/uniformdev/index.md) · 2 stars
- [uniform-enrichment-recommendations](https://omgskills.com/library/uniformdev/agent-skills/skills/uniform-enrichment-recommendations/index.md) — Used to add personalized, relevance-ranked content recommendations to a Uniform + React/Next.js project by boosting...
   - [@uniformdev](https://omgskills.com/library/uniformdev/index.md) · 2 stars
- [uniform-forms](https://omgskills.com/library/uniformdev/agent-skills/skills/uniform-forms/index.md) — Used when adding a form (like contact, signup, newsletter, lead-capture or survey) to a Uniform project, when creating...
   - [@uniformdev](https://omgskills.com/library/uniformdev/index.md) · 2 stars