prism

Plugin prism from marketplace tonone-ai in tonone-ai/tonone. Commands read from the repo's manifest — 2 days ago.

Skills (11)

• prism-audit

  Frontend audit — bundle size, dependencies, accessibility, performance, component quality. Use when asked for "frontend review", "performance audit", "accessibility check", or "bundle size".

• prism-chart

  Use when asked to implement a chart, select a visualization type, or build a data display component. Examples: "implement chart for time series", "best visualization for comparison data", "chart component for analytics

• prism-component

  Implement a reusable, accessible, typed component from a design spec. Use when asked to "create a component", "build a widget", "implement this design", or "reusable UI element".

• prism-dashboard

  Build an internal dashboard with data tables, filters, detail views, and CRUD. Use when asked to build an "admin panel", "internal dashboard", "back office", or "data dashboard UI".

• prism-extract

  Extract repeated values and markup into design tokens and components. Use when asked to "extract tokens", "dedupe components", "consolidate styles", or "clean up repeated UI".

• prism-harden

  Make UI survive real data — overflow, i18n, empty/error/loading states, extreme values. Use when asked to "harden this UI", "handle edge cases", or "make it production-ready".

• prism-recon

  Frontend reconnaissance — map the component tree, routing, state management, build config, and assess quality. Use when asked to "understand this frontend", "frontend assessment", or "what's the UI built with".

• prism-redesign

  Fix an existing UI in a bounded scan, diagnose, fix, re-lint loop. Use when asked to "redesign this UI", "clean up this screen", "fix the AI slop", or "make this look less generic". Lint-driven, max 3 loops, never changes brand direction silently.

• prism-stack

  Use when asked for framework-specific best practices, implementation guidelines for React/Vue/Svelte/Next.js, or stack-specific patterns. Examples: "React best practices", "Vue component patterns", "Next.js performance

• prism-ui

  Implement a complete UI screen or feature from a Form visual spec. Use when asked to "build a page", "implement this screen", "build the frontend for this feature", or "create this UI".

• prism-variants

  Generate 3-5 side-by-side variants of one UI component, screenshot each, compare, fold the winner in. Use when asked to "try variants", "explore options for this component", "show me alternatives", or "A/B this component visually".

Subagents (1)

• prism

  Frontend & DX engineer — translates Form's design system into production UI components, pages, and internal tools

Similar plugins