Agent skill

Prism Stack

by jeremylongshore in jeremylongshore/tons-of-skills-marketplace

A skill your agent uses when asked for framework-specific best practices, implementation guidelines for React/Vue/Svelte/Next.js, or stack-specific patterns.

MITAuto-check: notesFrontend & Design

Install Prism Stack

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill prism-stack -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace prism-stack --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/ai-agency/tonone/skills/prism-stack .claude/skills/prism-stack && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "prism-stack" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/plugins/ai-agency/tonone/skills/prism-stack into .claude/skills/prism-stack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "prism-stack", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/plugins/ai-agency/tonone/skills/prism-stack

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill prism-stack -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace prism-stack --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/ai-agency/tonone/skills/prism-stack .agents/skills/prism-stack && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "prism-stack" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/plugins/ai-agency/tonone/skills/prism-stack into .agents/skills/prism-stack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "prism-stack", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill prism-stack -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace prism-stack --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/ai-agency/tonone/skills/prism-stack .cursor/skills/prism-stack && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "prism-stack" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/plugins/ai-agency/tonone/skills/prism-stack into .cursor/skills/prism-stack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "prism-stack", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/jeremylongshore/tons-of-skills-marketplace.git --path plugins/ai-agency/tonone/skills/prism-stack

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill prism-stack -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace prism-stack --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/ai-agency/tonone/skills/prism-stack .gemini/skills/prism-stack && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "prism-stack" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/plugins/ai-agency/tonone/skills/prism-stack into .gemini/skills/prism-stack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "prism-stack", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace prism-stack

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill prism-stack -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/ai-agency/tonone/skills/prism-stack .github/skills/prism-stack && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "prism-stack" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/plugins/ai-agency/tonone/skills/prism-stack into .github/skills/prism-stack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "prism-stack", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill prism-stack -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace prism-stack --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/ai-agency/tonone/skills/prism-stack .opencode/skills/prism-stack && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "prism-stack" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/plugins/ai-agency/tonone/skills/prism-stack into .opencode/skills/prism-stack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "prism-stack", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: prism-stack
GitHub stars: 2.8k
Token cost: ~583 tokens
SKILL.md length: 153 words
Files: 2
Skills in repo: 3,342
Repo updated: Oct 8, 2026
First seen: Oct 8, 2026
Licence: MIT

At a glance

A skill your agent uses when asked for framework-specific best practices, implementation guidelines for React/Vue/Svelte/Next.js, or stack-specific patterns.

Works in 4 steps: Detect stack from project files… → Search stack knowledge base → Cross-reference version — confirm… → …
Asked for framework-specific best practices
SKILL.md covers When to use, Workflow, Output format and Anti-patterns, plus 1 more section
Calls python3

What it does

Prism Stack is an agent skill from jeremylongshore/tons-of-skills-marketplace. 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"

Its SKILL.md is about 580 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `.claude-plugin/plugin.json`).

It sits in Frontend & Design, covering React components. It works with Vue.js, Next.js, React and Svelte. The repository describes itself as: Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com. The licence is MIT.

When your agent uses it

Asked for framework-specific best practices
Implementation guidelines for React/Vue/Svelte/Next.js
Stack-specific patterns

Example prompts

“React best practices”
“Vue component patterns”
“Next.js performance”
“/prism-stack”

Requirements

Python 3
Pre-approved tools (allowed-tools): Read, Bash, Glob, Grep

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

Detect stack from project files (package.json, imports, config files)
Search stack knowledge base
Cross-reference version — confirm guidelines match the detected major version
Output framework-specific guidelines with code examples

What it can do on your machine

Read from SKILL.md and the folder at commit 23ea8d4. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
- Read
- Bash
- Glob
- Grep
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- python3
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Prism Stack loads about 583 tokens when it runs. Until then it costs about 58 tokens; SKILL.md has 153 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~58
When it runs · the whole SKILL.md, loaded when a task matches: ~583

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
```
allowed-tools: Read, Bash, Glob, Grep
```

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jeremylongshore/tons-of-skills-marketplace at commit 23ea8d4, republished under its MIT licence (© jeremylongshore). 153 words, ~583 tokens.

Download SKILL.mdSave it as .claude/skills/prism-stack/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.

name: prism-stack
description: 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"
allowed-tools: Read, Bash, Glob, Grep
version: 0.6.6
author: tonone-ai <hello@tonone.ai>
license: MIT

prism-stack — Framework Best Practices

Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.

When to use

User asks about framework-specific patterns, component architecture, or stack guidelines.

Workflow

Detect stack from project files (package.json, imports, config files)

bash

grep -r "\"react\"\|\"vue\"\|\"svelte\"\|\"next\"\|\"nuxt\"\|\"astro\"" package.json 2>/dev/null | head -5

Search stack knowledge base:

bash

python3 -m prism_agent.uiux search --domain stacks --query "{stack_name}" --limit 5

Cross-reference version — confirm guidelines match the detected major version
Output framework-specific guidelines with code examples

Output format

┌─ Stack Guidelines — {stack_name} {version} ─────────────────────────┐
│ Category         │ Guideline                          │ Severity      │
├──────────────────┼────────────────────────────────────┼───────────────┤
│ {category}       │ {guideline}                        │ Critical      │
│ {category}       │ {guideline}                        │ High          │
│ {category}       │ {guideline}                        │ Medium        │
└──────────────────┴────────────────────────────────────┴───────────────┘

Code example:
{code_block}

Anti-patterns

Never apply guidelines from the wrong framework version (e.g., Vue 2 patterns on Vue 3)
Never mix framework idioms (e.g., React hooks inside Vue components)
Never skip version detection — always confirm before outputting guidelines
Never output framework-agnostic advice when stack-specific guidance is available

Delivery

If output exceeds the 40-line CLI budget, invoke /atlas-report with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.

Files

SKILL.md and 1 other file in plugins/ai-agency/tonone/skills/prism-stack of jeremylongshore/tons-of-skills-marketplace.

SKILL.md
.claude-plugin/plugin.json

Open the folder on GitHubat commit 23ea8d4

Compare with similar skills

Prism Stack next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Prism Stack compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Prism Stack this skilljeremylongshore/tons-of-skills-marketplace	2.8k	—	~583	Automated safety check: Notes	MIT	today
UI/UX Design System AdvisorGalaxy-Dawn/claude-scholar	5.7k	1 repos	~1.1k	Automated safety check: Pass	MIT	15 days ago
Design StyleCastor6/tactus	376	1 repos	~2.1k	Automated safety check: Pass	Apache-2.0	5 mo ago
UI UX Pro Maxsundial-org/awesome-openclaw-skills	663	2 repos	~657	Automated safety check: Pass	None	7 mo ago
Tailwind To Stylexshadcn-labs/shadcn-cssinjs	123	—	~2.7k	Automated safety check: Pass	MIT	27 days ago
UI UX Pro Maxshobcoder/shob	577	—	~3.7k	Automated safety check: Pass	MIT	20 days ago

Similar skills

UI/UX Design System Advisor
Galaxy-Dawn/claude-scholar
Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.
5.7k GitHub starsUsed in 1 repo~1.1k tokens
Frontend & DesignAuto-check passed
Design Style
Castor6/tactus
A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.
376 GitHub starsUsed in 1 repo~2.1k tokens
Frontend & DesignAuto-check passed
UI UX Pro Max
sundial-org/awesome-openclaw-skills
UI/UX design intelligence and implementation guidance for building polished interfaces.
663 GitHub starsUsed in 2 repos~657 tokens
Frontend & DesignAuto-check passed
Tailwind To Stylex
shadcn-labs/shadcn-cssinjs
Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.
123 GitHub stars~2.7k tokensUpdated 27 days ago
Frontend & DesignAuto-check passed
UI UX Pro Max
shobcoder/shob
UI/UX design intelligence expert for web and mobile applications.
577 GitHub stars~3.7k tokensUpdated 20 days ago
Frontend & DesignAuto-check passed
Design Code for Any Framework
plugin87/ux-ui-agent-skills
Generates complete, accessible, token-driven UI component code for a chosen framework such as React with Tailwind, SwiftUI, Vue, Flutter or Jetpack Compose.
1.5k GitHub stars~1.7k tokensUpdated today
Frontend & DesignAuto-check passed

Questions about Prism Stack

What does Prism Stack do?

A skill your agent uses when asked for framework-specific best practices, implementation guidelines for React/Vue/Svelte/Next.js, or stack-specific patterns. Prism Stack is an agent skill from jeremylongshore/tons-of-skills-marketplace.js, or stack-specific patterns.

When should I use Prism Stack?

Prism Stack fits situations like: asked for framework-specific best practices; implementation guidelines for React/Vue/Svelte/Next.js; stack-specific patterns.

How do I install Prism Stack in Claude Code?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill prism-stack -a claude-code`. Or copy the skill folder (plugins/ai-agency/tonone/skills/prism-stack in jeremylongshore/tons-of-skills-marketplace) into .claude/skills/prism-stack in your project. Claude Code loads it when a task matches its description.

How do I install Prism Stack in Codex?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill prism-stack -a codex`. Or copy the skill folder (plugins/ai-agency/tonone/skills/prism-stack in jeremylongshore/tons-of-skills-marketplace) into .agents/skills/prism-stack in your project. Codex loads it when a task matches its description.

Can I use Prism Stack in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill prism-stack -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/prism-stack, .gemini/skills/prism-stack, .github/skills/prism-stack and .opencode/skills/prism-stack in your project.

What does Prism Stack need to run?

Going by SKILL.md and its folder, Prism Stack needs the command-line tools its instructions call (python3). Our summary lists: Python 3. Its frontmatter pre-approves these tools: Read, Bash, Glob, Grep.

Does Prism Stack access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Prism Stack safe to install?

Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Prism Stack use?

Prism Stack is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Prism Stack use?

About 583 tokens (SKILL.md is roughly 2.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Prism Stack?

Skills that share tags, products or a category with Prism Stack: UI/UX Design System Advisor (Galaxy-Dawn/claude-scholar, 5.7k stars), Design Style (Castor6/tactus, 376 stars), UI UX Pro Max (sundial-org/awesome-openclaw-skills, 663 stars) and Tailwind To Stylex (shadcn-labs/shadcn-cssinjs, 123 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Prism Stack?

jeremylongshore (a GitHub user) maintains it in jeremylongshore/tons-of-skills-marketplace, which has 2,821 GitHub stars. The repository holds 3,342 skills in this directory. The repository was last updated on October 8, 2026.

Source: jeremylongshore/tons-of-skills-marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Prism Stack

Install Prism Stack

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

prism-stack — Framework Best Practices

When to use

Workflow

Output format

Anti-patterns

Delivery

Files

Compare with similar skills

Similar skills

UI/UX Design System Advisor

Design Style

UI UX Pro Max

Tailwind To Stylex

UI UX Pro Max

Design Code for Any Framework

More from jeremylongshore/tons-of-skills-marketplace

Performing Security Code Review

Analyzing Text With NLP

Building Neural Networks

Detecting Data Anomalies

Explaining Machine Learning Models

Optimizing Prompts

Questions about Prism Stack

Install Prism Stack

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

prism-stack — Framework Best Practices

When to use

Workflow

Output format

Anti-patterns

Delivery

Files

Compare with similar skills

Similar skills

More from jeremylongshore/tons-of-skills-marketplace

Related

Questions about Prism Stack