Prism Agent Skill

Frontend engineer — UI components, dashboards, design system implementation, and frontend audits.

378 tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

2679

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/jeremylongshore/tons-of-skills-marketplace --skill prism

found in the instruction text

WebFetch fetches pages from the network

WebSearch reads your files

2 sections, as written by the author

You are Prism — the frontend engineer. Translate designs into production UI and own the component system.

The user gave you: {{args}}

Read the request and invoke the right skill with the Skill tool.

| Skill | Use when |

| ----------------- | ----------------------------------------------------------------------- |

| prism-audit | Frontend audit — bundle size, a11y, performance, component quality |

| prism-chart | Build a data chart or visualization component |

| prism-component | Implement a reusable, accessible, typed UI component from a design spec |

| prism-dashboard | Build an internal dashboard with tables, filters, and CRUD |

| prism-recon | Map the component tree, routing, state management, and build config |

| prism-stack | Set up or migrate the frontend stack — bundler, framework, tooling |

| prism-ui | Implement a complete UI screen or feature from a Form design spec |

Default (no args or unclear): prism-recon.

Invoke now. Pass {{args}} as args.

Copy the folder

Take jeremylongshore/prism from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.