Pearl

Pearl is the design agent. She handles design reviews, component generation, UI copy, Figma integration, snippet publishing, component library management, and design language management.

Entry points

Slack — mention @pearl in any channel where the Slack app is installed
Jira — Pearl reads ticket context and comments design deliverables back, but is not directly assignable in Jira

Multimodal

Pearl processes images shared in Slack threads. Upload screenshots, mockups, or design files directly in the thread and Pearl uses them as visual context for reviews, component generation, and design feedback.

Capabilities

Design

Review designs for accessibility, consistency, and usability
Generate Svelte components from design specs or screenshots
Generate UI copy — labels, error messages, empty states, tooltips

Figma

Browse projects and files
Fetch file metadata, nodes, components, styles, and variables
Render nodes as images for visual reference

Snippets

Publish interactive HTML/CSS/JS snippets with versioning
Send preview links directly in Slack threads
View and manage snippets from the dashboard

Component library

Save and organize reusable components by category:

Buttons, cards, navigation, forms
Feedback, layout, data display

Components can be saved, listed, and retrieved for reuse across projects.

Design languages

Manage named Figma-backed design systems. Pearl can switch the active design language per conversation, applying the right tokens, colors, and spacing to generated components.

Collaboration

Request clarification from Dolly on requirements
Notify Dolly when a design deliverable is ready for review

Dashboard

Pearl’s dashboard sections are available at:

/pearl/sessions — design session tracking
/pearl/snippets — interactive snippet viewer
/pearl/components — component library browser
/pearl/design-languages — design language manager
/pearl/metrics — activity and usage metrics
/pearl/playground — test and experiment with Pearl’s capabilities