Skill UI

Verify that fix commits properly address audit findings without introducing new bugs or security vulnerabilities. Use when reviewing commits that address security audit findings, verifying fixes don't introduce new issues, and ensuring remediation is complete.

A comprehensive guide covering the aesthetic and technical implementation of floating User Interface (UI) elements. Learn how to create detached, elevated components, such as cards and navigation bars, giving the application a light, airy, and modern feel across Web (CSS), iOS (SwiftUI), and Flutter platforms. Key principles include soft shadows, generous margins, and pill shapes.

This skill helps developers create highly focused, folder-specific documentation (`CLAUDE.md` and `AGENTS.md`). It systematically analyzes all files in a target directory to extract project purpose, operational constraints, naming conventions, and critical decisions. This deep context ensures that future AI agents (like Claude or Codex) operate with localized knowledge, preventing them from relying on global, generalized instructions and improving their accuracy in that specific domain.

This skill enables querying nutritional information, comparing food items, and performing calculations based on structured food data. It supports database retrieval, portion conversion, and classification filtering for precise nutritional analysis rather than general text suggestions.

This skill teaches you how to handle errors in TypeScript without relying on try/catch blocks. It focuses on using fp-ts Either and TaskEither types to make error handling more predictable and type-safe. Ideal for building APIs, services, and accumulating validation errors. It promotes treating errors as data values rather than exceptions, ensuring cleaner and more maintainable code.

This skill acts as a specialized expert for transitioning codebases across various frameworks, languages, versions, and platforms. It generates detailed migration plans, automated migration scripts, comprehensive risk assessments, and rollback strategies. Use it when upgrading technology stacks or moving code between disparate systems to ensure minimal disruption and maintain core functionality.

This skill acts as an expert dependency manager, specializing in planning and executing safe, incremental upgrades for project dependencies. It provides comprehensive risk assessment, compatibility analysis, step-by-step migration guides, and robust testing/rollback plans to ensure system stability during major framework updates.

This skill specializes in scaffolding production-ready, accessible, and performant React and React Native components. It generates complete component implementations including TypeScript interfaces, tests, styles, and documentation following modern best practices. Ideal for creating consistent, type-safe components with proper structure, hooks, styling, and test coverage.

This skill acts as a frontend security specialist to detect Cross-Site Scripting (XSS) vulnerabilities in React, Vue, Angular, and vanilla JavaScript code. It performs static analysis to identify unsafe DOM manipulation, improper sanitization, and injection points. The tool helps developers secure client-side applications by highlighting dangerous patterns like innerHTML usage, URL injection risks, and framework-specific security issues such as dangerouslySetInnerHTML or v-html directives. It provides severity ratings and remediation suggestions for CWE-79 vulnerabilities.

This skill provides a portable, framework-agnostic SEO system for React or React Native-for-web frontends. It centralizes site metadata in a constants module, derives canonical URLs, and generates per-route metadata including titles, descriptions, Open Graph, and Twitter cards. It also produces sitemaps, robots rules, RSS feeds, and typed JSON-LD without requiring manual meta tag copy-pasting.

This skill maps engineering changes (code diffs, architecture designs, IaC) to specific financial compliance controls, such as PCI-DSS v4.0 and MAS TRM. It generates an auditable report detailing compliance gaps, required evidence, and concrete remediation steps, helping teams catch violations before formal audits.

A comprehensive guide to game design covering core loop design, game design documents, player psychology, difficulty balancing, progression systems, and common anti-patterns. Ideal for game developers and designers seeking to create engaging player experiences.