AgentToolHub
Skill

frontend-security

frontend-security — a Claude Code skill from schalkneethling/webdev-agent-skills

Features

  • ✓Curated collection of web dev skills
  • ✓Focus on security, accessibility, and modern CSS
  • ✓Extends AI coding agents with domain expertise
  • ✓Detailed reference for common vulnerability patterns
  • ✓Supports React, Astro, Twig, Node.js, and vanilla web
  • ✓Visit GitHub for more tools and installation guides

Installation Guide

Step 1: Add the install script to your project

Copy this prompt to add the installation script:

text
Please copy the install script from https://github.com/schalkneethling/webdev-agent-skills/blob/main/scripts/install-skills.sh

Save it to: scripts/install-skills.sh in the current project root

Then make it executable: chmod +x scripts/install-skills.sh

Step 2: Install skills using the script

Copy this prompt to install specific skills:

text
Please install these Agent Skills using the install script:

Skills to install: css-coder, semantic-html, frontend-security, frontend-testing

Run: bash scripts/install-skills.sh "css-coder,semantic-html,frontend-security,frontend-testing"

Install to: .claude/skills/ (default) or specify a different directory as the second argument

Notes:

  • The parent directory is .claude by convention, but you can use a different name (e.g., .ai, .agent, etc.)

  • Skills are installed to [target-dir]/[skill-name]/

  • Run the script again anytime to update skills or add new ones

  • The script is idempotent—safe to run multiple times

    • Version Control

    To commit customized skills with your project:

  • Keep .claude/skills/ in version control

  • Your team will get the skills when they clone the repo

    • To keep skills out of version control:

  • Add .claude/skills/ to your .gitignore

  • Team members install skills individually

    • Reviews