Prism Agent Skill

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

378 tokens

context cost

SKILL.md, read when the skill is used

files

instructions only

copies elsewhere

how many repositories repackaged it

2 679

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.