From tonone
Provides framework-specific best practices, patterns, and guidelines for React, Vue, Svelte, Next.js by detecting stack and version from package.json and configs.
How this skill is triggered — by the user, by Claude, or both
Slash command
/tonone:prism-stackThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.
Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.
User asks about framework-specific patterns, component architecture, or stack guidelines.
grep -r "\"react\"\|\"vue\"\|\"svelte\"\|\"next\"\|\"nuxt\"\|\"astro\"" package.json 2>/dev/null | head -5
python3 -m prism_agent.uiux search --domain stacks --query "{stack_name}" --limit 5
┌─ Stack Guidelines — {stack_name} {version} ─────────────────────────┐
│ Category │ Guideline │ Severity │
├──────────────────┼────────────────────────────────────┼───────────────┤
│ {category} │ {guideline} │ Critical │
│ {category} │ {guideline} │ High │
│ {category} │ {guideline} │ Medium │
└──────────────────┴────────────────────────────────────┴───────────────┘
Code example:
{code_block}
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.
npx claudepluginhub tonone-ai/tonone --plugin eval-regressGrounds every framework-specific code decision in official documentation. Verifies patterns by detecting stack versions and fetching authoritative sources before implementation.
Lazy-loads framework-specific patterns and best practices for React, Vue, Angular, Next.js, Node.js, Python, Laravel, Go, Flutter, Godot based on detected tech stack.
Builds frontend components, optimizes performance and bundle sizes, scaffolds projects, implements accessibility, reviews code quality, and designs UI/UX across React, Vue, Svelte, and other frameworks.