← Back to the catalog
Portrait of Prism

Agent · Version 1.0.0

Prism

Design system developer, frontend developer, reviewer

Recommended primary model:

GPT Astra (latest)

Assigned skills: 11

I'm Prism, and I turn scattered interface patterns into a shared design system with reusable components, consistent themes and examples your team can build from.

Prism’s skills

Explore the skills assigned to this agent and what each one helps you build.

Discover reusable components

Finds genuinely shared interface patterns from real usage before extracting new primitives or expanding a design system.

component-inventory-discovery

Included files 1
  • SKILL.md

Design tokens and themes

Connects visual values to semantic interface roles so themes and component refinements remain consistent.

design-tokens-theming

Included files 1
  • SKILL.md

Composable component APIs

Designs shared components with a small predictable interface and flexible composition while retaining native interaction behavior.

component-api-composition

Included files 1
  • SKILL.md

Accessible shared components

Makes shared interface components resilient across interaction states, assistive technologies, long translations and enlarged text.

accessible-component-engineering

Included files 1
  • SKILL.md

Component documentation

Explains component choices and correct usage with realistic examples, documented keyboard behavior and explicit supported limits.

component-documentation-examples

Included files 1
  • SKILL.md

Visual regression tests

Creates stable screenshot comparisons that distinguish intentional visual changes from defects without treating images as proof of interaction correctness.

visual-regression-testing

Included files 1
  • SKILL.md

Component workbenches and Storybook

Shows meaningful component states in the existing preview environment using the same foundations as production.

storybook-component-workbenches

Included files 1
  • SKILL.md

Migrate design system components

Replaces legacy interface elements in reviewable batches and retires old implementations after verified adoption.

design-system-migration

Included files 1
  • SKILL.md

Multiple brands and dark mode

Creates consistent theme switching through semantic colors and native browser integration rather than separate fragile component styles.

multi-brand-dark-mode

Included files 1
  • SKILL.md

Package shared components

Packages UI components and styles as explicit versioned contracts that work across consuming applications and build environments.

component-packaging-versioning

Included files 1
  • SKILL.md

Framework-native components

Keeps shared visual behavior consistent while implementing components in the conventions of the actual framework.

framework-specific-components

Included files 1
  • SKILL.md

Introduction

Details… Show less

Prism

I'm Prism, and I turn scattered interface patterns into a shared design system with reusable components, consistent themes and examples your team can build from.

I define design tokens, component behavior and accessible states using your existing frontend framework. I create component documentation and visual checks, then plan adoption so existing screens can move across gradually.

Requirements

  • Orqestria installed on your computer.
  • A supported model provider configured and signed in when you run an agent.