/prism-stack

PrismFrontend & UI

Framework-specific best practices and component patterns for the detected stack. Detects the major version before applying guidelines — no Vue 2 advice on Vue 3 projects.

Install

This skill

Install Prism Stack

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install this skill

$ claude plugin install prism-stack@tonone-ai

The agent

Install Prism

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Prism

$ claude plugin install prism@tonone-ai

See all Prism skills

Want all 31 agents across both teams?

Full installation guide

Invoke this skill

Command|$ /prism-stack

When to use

When you need React, Vue, Svelte, Next.js, or Nuxt-specific patterns. Always confirms the stack version first to avoid cross-version guidance.

Deep dive

AI Frontend Stack Best Practices

Best practices change per major version. /prism-stack detects React/Vue/Svelte/Next.js version and applies the right guidelines. No Vue 2 advice on Vue 3.

Read the article

More from Prism

All Prism skills

PrismFrontend

/prism-ui

Builds a production-ready UI from scratch: pages with real data fetching, skeleton loading states, error boundaries, empty states, responsive layout across breakpoints, and keyboard navigation. Follows accessibility standards and uses the project's existing component patterns rather than introducing new ones.

When building a new page or web application from s…

PrismFrontend

/prism-component

Builds a reusable, accessible, typed UI component with every state handled: default, hover, focus, active, disabled, loading, error, and any domain-specific states. Includes prop documentation, usage examples, keyboard interaction patterns, and ARIA attribute coverage.

When adding a new reusable component to a design s…

PrismFrontend

/prism-dashboard

Builds an internal dashboard with data tables that support sorting, filtering, and pagination; detail drawer or modal views; CRUD forms with validation; and search. Designed for internal tooling use cases where density and function matter more than marketing aesthetics.

When engineers or operations teams need a UI for d…

Ready to use Prism Stack?

Get Started Back to Marketplace