frontend-security-patterns
CommunitySecure frontend patterns for safe apps.
Software Engineering#csp#frontend-security#input-sanitization#xss-protection#auth-token#dompurify#iframe-protection
AuthorPremModhaOfficial
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Frontend security is often overlooked, leading to XSS, credential exposure, and weak content protections. This Skill provides actionable patterns and guidelines to build secure frontend code in Motadata SaaS apps.
Core Features & Use Cases
- Token handling and storage rules for in-browser apps (memory-only access tokens, HttpOnly refresh cookies)
- Input sanitization and safe rendering with DOMPurify and React auto-escaping
- Content Security Policy recommendations and iframe protection practices
- Security checklist and anti-pattern guidance for frontend teams
Quick Start
Apply these patterns when building UI components that handle user input or authentication to ensure secure rendering and storage.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-security-patterns Download link: https://github.com/PremModhaOfficial/motadata-ai-pipeline/archive/main.zip#frontend-security-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.