jewbetchaCommunity·13 Agent Skills Included

opentrace

Code review, React performance, and UI design standards

Reviews code for quality, security, and performance issues across React, TypeScript, and Next.js projects. Applies Vercel's React optimization rules, clean code standards, and accessibility checklists to catch problems early. Generates changelogs, design systems, and UX personas to speed up frontend development and release workflows.

115|6

↗

npx skills add jewbetcha/opentrace --all -g -y

Available:

Explains the OpenTrace app architecture, commands, and environment setup so the agent can navigate and modify the codebase correctly.

All Skills in This Repository (13)

Pure Emerald Level Indicators

📦 In Repo

jewbetcha

ui-ux-pro-max

Generate cohesive UI/UX design systems from BM25-based style data searches.

clean-code

Codify pragmatic coding standards for clean, maintainable software.

coding-standards

Codify coding standards for TypeScript, JavaScript, React, and Node.js projects.

web-design-guidelines

Automate UI compliance checks against Web Interface Guidelines.

find-skills

Find and suggest installable agent skills using the Skills CLI.

changelog-generator

Generate user-facing release notes from Git commit history.

code-reviewer

Analyze code across TypeScript, JavaScript, Python, Go, Swift, and Kotlin and generate structured PR feedback.

code-review-checklist

Summarize a code-review checklist covering functionality, quality, security, and performance.

vercel-react-best-practices

Apply React and Next.js performance best practices during development and code reviews.

frontend-patterns

Codify React and Next.js frontend patterns for architecture and performance.

ux-researcher-designer

Generate data-driven personas, journey maps, and usability testing frameworks from user research data.

security-review

Identify and mitigate security vulnerabilities in code and configurations.

Community

Basic

Frequently Asked Questions

FAQPage Schema

How to install OpenTrace skills?▼

Run `npx skills add jewbetcha/opentrace --all -g -y` in your terminal to install all skills in this collection globally.

What skills are included in OpenTrace?▼

It bundles 13 skills covering code review, security checks, React performance rules, UI/UX design guidance, changelog generation, and UX research.

How do I review React code for performance?▼

Use the vercel-react-best-practices skill, which applies 57 prioritized rules from Vercel Engineering covering waterfalls, bundle size, and re-render optimization.

Can these skills check my code for security issues?▼

Yes. The security-review skill checks for hardcoded secrets, SQL injection, XSS, CSRF, and missing input validation before deployment.

Do these skills work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, Codex, and other compatible agents.