sergiodxaCommunity·11 Agent Skills Included

agent-skills

Frontend, Rails, security, and testing best practices

Applies proven coding conventions for React, React Router, JavaScript, Tailwind, accessibility, internationalization, and Ruby on Rails. Audits web applications against OWASP Top 10 vulnerabilities and enforces E2E-first testing strategies. Eliminates slow async waterfalls, security gaps, and inconsistent code by giving clear bad-versus-good examples for every rule.

93|9

↗

npx skills add sergiodxa/agent-skills --all -g -y

All Skills in This Repository (11)

Pure Emerald Level Indicators

📦 In Repo

sergiodxa

frontend-async-best-practices

Eliminate request waterfalls and maximize parallelism in asynchronous JavaScript code.

frontend-react-router-best-practices

Optimize React Router applications with data loading, form handling, and route organization guidelines.

frontend-js-best-practices

Review JavaScript and TypeScript code for performance bottlenecks and best practices.

owasp-security-check

Audit web applications and REST APIs for OWASP Top 10 vulnerabilities.

frontend-accessibility-best-practices

Apply WCAG accessibility best practices to React components.

skill-writing-best-practices

Define directory structure and SKILL.md content guidelines for AI agent skills.

frontend-internationalization-best-practices

Configure remix-i18next middleware for locale detection and resource serving in React Router applications.

ruby-on-rails-best-practices

Apply Basecamp's Ruby on Rails architectural patterns and coding conventions.

frontend-tailwind-best-practices

Enforce Tailwind CSS best practices for layout, colors, and responsive design.

frontend-testing-best-practices

Guide frontend testing with E2E tests over unit tests and minimal mocking.

frontend-react-best-practices

Review React components for performance best practices and bundle optimization.

Community

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install agent-skills?▼

Run `npx skills add sergiodxa/agent-skills --all -g -y` in your terminal to install all skills globally, or pick individual ones during setup.

What coding standards does this cover?▼

It covers React performance, React Router data loading, JavaScript optimization, Tailwind styling, accessibility, internationalization, testing strategy, and Ruby on Rails architecture patterns from Basecamp.

Can it check my code for security issues?▼

Yes. The OWASP security check skill audits your code for injection attacks, broken access control, weak cryptography, misconfigured headers, and other common vulnerabilities with concrete fixes.

Does it work with Claude Code and Cursor?▼

Yes. Every skill follows the standard SKILL.md format, so it loads automatically in Claude Code, Cursor, Codex, and other compatible coding environments.

Do I need to configure anything after installing?▼

No. Each skill triggers automatically based on the task, such as writing loaders, reviewing security, or refactoring components, with no manual setup required.