Performance optimization and code style patterns for JavaScript and TypeScript code. Contains 17 rules focused on reducing unnecessary computation, optimizing data structures, and maintaining consistent conventions.
Automate repetitive workflows and reduce manual effort
Example: Generate reports, summarize documents, draft communications
Save 3-5 hours per week on routine tasks
Learn new skills, understand complex topics, get expert guidance
Example: Explain concepts, provide examples, suggest learning resources
Accelerate learning and skill development by 2x
Enhance output quality through reviews, suggestions, and refinements
Example: Review drafts, suggest improvements, catch errors
Improve work quality by 30-40% with less effort
Time estimate: 15-45 minutes depending on use case complexity
Prerequisites
Submit your Claude Code skill and start earning
epx add sergiodxa/agent-skills --skill frontend-js-best-practicesCompatible with
Supported agents
AI-first code editor with Composer
Before installing skills in Cursor, ensure your development environment meets these requirements:
node --versionfrontend-js-best-practicesExecute the skills CLI command in your project's root directory to begin installation:
epx add sergiodxa/agent-skills --skill frontend-js-best-practicesFetches frontend-js-best-practices from sergiodxa/agent-skills and configures it for Cursor.
The CLI shows a list of agents. Use arrow keys and space to select Cursor:
Confirm successful installation by checking the skill directory location:
.cursor/skills/frontend-js-best-practices
Restart Cursor to activate frontend-js-best-practices. Access via /frontend-js-best-practicesin your agent's command palette.
Learn more:View source on GitHubSkills CLI docsAbout CursorWhat are agent skills?
Steps
Common Pitfalls
✓ Do
✗ Don't
💡 Pro Tips
✓ Use when
Use when skill capabilities match your task, clear ROI on time saved, and you can validate outputs. Best for repetitive tasks, learning, and quality improvement.
✗ Avoid when
Avoid when task requires deep expertise you can't validate, involves sensitive decisions, or when learning process is more valuable than speed of completion.
typescript-best-practices
jwynia/agent-skills · Backend · 2 shared tags
laravel-best-practices
asyrafhussin/agent-skills · Productivity · 2 shared tags
frontend-ui-ux
code-yeongyu/oh-my-opencode · Frontend · tag: frontend
senior-frontend
alirezarezvani/claude-skills · Frontend · tag: frontend
frontend-design
buildermethods/design-os · Frontend · tag: frontend
frontend-developer
sickn33/antigravity-awesome-skills · Frontend · tag: frontend
Registry listing for frontend-js-best-practices matched our evaluation — installs cleanly and behaves as described in the markdown.
Keeps context tight: frontend-js-best-practices is the kind of skill you can hand to a new teammate without a long onboarding doc.
Solid pick for teams standardizing on skills: frontend-js-best-practices is focused, and the summary matches what you get after install.
We added frontend-js-best-practices from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.
Keeps context tight: frontend-js-best-practices is the kind of skill you can hand to a new teammate without a long onboarding doc.
Registry listing for frontend-js-best-practices matched our evaluation — installs cleanly and behaves as described in the markdown.
Useful defaults in frontend-js-best-practices — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.
frontend-js-best-practices reduced setup friction for our internal harness; good balance of opinion and flexibility.
I recommend frontend-js-best-practices for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.
frontend-js-best-practices fits our agent workflows well — practical, well scoped, and easy to wire into existing repos.
showing 1-10 of 40