
Designing Pigment Frames
by gopigment6fec49f4ce9dNo license22 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 2 days ago
Apply Pigment's visual design language to a Frame that already renders — use when an existing Frame must look on-brand, native, or less generic. Not for initial Frame creation. Build it with skill:building-pigment-frames first, then come back here for the design passes.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/design-system/avatars.md | 1.4 KB | text/markdown |
| references/design-system/buttons.md | 6.6 KB | text/markdown |
| references/design-system/cards.md | 10.5 KB | text/markdown |
| references/design-system/chips.md | 4.2 KB | text/markdown |
| references/design-system/icon-buttons.md | 5.2 KB | text/markdown |
| references/design-system/inputs.md | 5.8 KB | text/markdown |
| references/design-system/lists.md | 6.4 KB | text/markdown |
| references/design-system/spec-only-components.md | 5.7 KB | text/markdown |
| references/design-system/toggle-buttons.md | 3.7 KB | text/markdown |
| references/design-system/tooltips.md | 4.2 KB | text/markdown |
| references/design-system/typography.md | 5.4 KB | text/markdown |
| references/foundations/colors.md | 14.8 KB | text/markdown |
| references/foundations/depth-radius-motion.md | 5.6 KB | text/markdown |
| references/foundations/dos-and-donts.md | 2.6 KB | text/markdown |
| references/foundations/layout-and-spacing.md | 5.2 KB | text/markdown |
| references/foundations/one-off-interfaces.md | 1.8 KB | text/markdown |
| references/foundations/overview.md | 4.5 KB | text/markdown |
| references/foundations/typography.md | 6.3 KB | text/markdown |
| references/patterns/gradient-backgrounds.md | 3.2 KB | text/markdown |
| references/patterns/page-headers.md | 2.3 KB | text/markdown |
| references/patterns/section-headers.md | 2.3 KB | text/markdown |
| references/patterns/table-headers.md | 6.1 KB | text/markdown |
| references/styles/stylesheet.md | 23.9 KB | text/markdown |
| SKILL.md | 16.5 KB | text/markdown |
Source and attribution
Source:gopigment/ai-pluginsinskills/designing-pigment-framesat commit6fec49f
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from gopigment/ai-plugins

Writing Pigment Formulas
gopigment
Guides writing, editing and validating Pigment metric formulas, covering quoting, data types, modifiers and BLANK.

Writing Performant Formulas
gopigment
Checklist and rules for writing sparse, performant Pigment formulas before delivery.

Using Search Tools
gopigment
Execution skill. Choosing between the discovery tools and calling them cheaply: why breadth is free but call count is not, and lineage versus full impact analysis. Load before exploring an application, resolving block names, or checking what a change breaks.

Using Mapped Dimensions
gopigment
Explains how to model time-dependent hierarchies in Pigment using mapped dimensions and joined pivots in views.

Using List Subsets
gopigment
Guides when and how to use List Subsets in Pigment, covering decision gates, risks, and safe implementation patterns.

Using Formula Modifiers
gopigment
Explains how to apply Pigment formula modifiers such as BY, ADD, REMOVE, KEEP, SELECT, FILTER and EXCLUDE to align metric dimensions.