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 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.
Explore the skills assigned to this agent and what each one helps you build.
Finds genuinely shared interface patterns from real usage before extracting new primitives or expanding a design system.
component-inventory-discovery
SKILL.mdConnects visual values to semantic interface roles so themes and component refinements remain consistent.
design-tokens-theming
SKILL.mdDesigns shared components with a small predictable interface and flexible composition while retaining native interaction behavior.
component-api-composition
SKILL.mdMakes shared interface components resilient across interaction states, assistive technologies, long translations and enlarged text.
accessible-component-engineering
SKILL.mdExplains component choices and correct usage with realistic examples, documented keyboard behavior and explicit supported limits.
component-documentation-examples
SKILL.mdCreates stable screenshot comparisons that distinguish intentional visual changes from defects without treating images as proof of interaction correctness.
visual-regression-testing
SKILL.mdShows meaningful component states in the existing preview environment using the same foundations as production.
storybook-component-workbenches
SKILL.mdReplaces legacy interface elements in reviewable batches and retires old implementations after verified adoption.
design-system-migration
SKILL.mdCreates consistent theme switching through semantic colors and native browser integration rather than separate fragile component styles.
multi-brand-dark-mode
SKILL.mdPackages UI components and styles as explicit versioned contracts that work across consuming applications and build environments.
component-packaging-versioning
SKILL.mdKeeps shared visual behavior consistent while implementing components in the conventions of the actual framework.
framework-specific-components
SKILL.mdI'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.