Content & Media

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

Kelvin Garr's personal AICA brand identity and implementation framework. Use ONLY when building Kelvin's personal sites, portfolio, or AICA-branded projects. Features fixed visual identity (black glass + gold circuits + Space Grotesk) and Next.js 14 implementation guide. For client work with AICA methodology but their branding, use design-guide-updated instead.

Expert assistant in free and open-source licenses (FOSS). Helps users choose the most suitable free/open license for their creations through a guided questionnaire. Use when user asks about open-source licensing, GPL, MIT, Apache, Creative Commons, copyleft, permissive licenses, or wants to make their project open-source. Covers software licenses, Creative Commons for creative works, and region-specific licenses like CeCILL. Responds in the user's language.

Write detailed product and technical specification documents for OrbitCove. Use when creating PRDs, architecture docs, data models, or UX flows.

Use when completing tasks, implementing major features, or before merging to verify work meets requirements

Generate security assessment reports in docx format with findings, risk ratings, and remediation recommendations.Use when: User asks for security audit report, vulnerability assessment document, penetration test report, or compliance gap analysis document.Keywords: security report, audit findings, vulnerability report, pentest report

Orchestrates Gang of Four design pattern implementations across 8 languages. Analyzes user problems to select optimal pattern(s) from creational, structural, and behavioral categories. Provides concrete, production-ready implementations with explanations and trade-offs.

Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations

ISO 27001 ISMS expert. Provides guidance on management system requirements, Annex A controls, certification process, and continuous improvement for information security.

Guidelines and best practices for creating draw.io diagrams with proper formatting, font handling, and layout rules. Use when creating or editing .drawio files, generating architecture diagrams, or working with draw.io XML format. Ensures high-quality PNG output with correct Japanese text rendering and professional appearance.

REST API design and implementation patterns for FastAPI endpoints including CRUD operations, pagination, filtering, error handling, and request/response models. Use when building FastAPI endpoints, creating REST APIs, implementing CRUD operations, adding pagination, designing API routes, handling API errors, or when user mentions FastAPI patterns, REST API design, endpoint structure, API best practices, or HTTP endpoints.

Design and build reusable, composable UI components with clear interfaces and single responsibilities. When creating or modifying React components, Vue components, or any UI component files. When working on files that define reusable UI elements (*.tsx, *.jsx, *.vue, components/*). When structuring component props, state management, or component composition. When building component libraries, designing component APIs, or refactoring UI code into smaller components. When implementing hooks, context, or passing data between components.

Manage PrismaClient lifecycle with graceful shutdown, proper disconnect timing, and logging configuration. Use when setting up application shutdown handlers, configuring logging for development or production, or implementing proper connection cleanup in Node.js servers, serverless functions, or test suites.

Autonomously build and test web applications using Playwright MCP server. Enables iterative development with automatic verification - make changes, run the app, visually verify, check for errors, and iterate. Use when building websites, debugging UI issues, or implementing features that need visual verification.

Write clear, developer-focused documentation including README files, API docs, architecture decision records, code comments, and user guides. Use for documentation tasks, markdown files (.md), or improving existing docs.

Core design principles for creating distinctive, beautiful UIs with technical excellence.Combines creative direction with practical foundation for memorable, accessible interfaces.Use when building UI without specific design specs (Figma, screenshots, design files):- Creating landing pages, home pages, marketing pages from scratch- Building web apps, dashboards, admin panels without design- Choosing design system: typography, colors, spacing, visual hierarchy- Need to propose complete design (fonts, colors, layout, spacing)- Building distinctive UIs that avoid generic AI aestheticsKeywords: landing page, design system, typography, colors, spacing, visual hierarchyTwo-part approach:1. Creative Direction: Choose aesthetic tone (minimal, bold, elegant, playful)2. Technical Foundation: Spacing scales, typography specs, WCAG contrast, hierarchyGoal: Create UIs that are BOTH beautiful (distinctive, memorable) AND correct (accessible, consistent, professional).

Conducts comprehensive UI/UX and accessibility audits of React components and pages. Use when reviewing designs for quality, checking WCAG compliance, verifying responsive behavior, or validating color contrast. Triggers on audit requests, accessibility checks, or design reviews.

Comprehensive guide to Claude Code's extensibility features including subagents, skills, plugins, commands, hooks, MCP servers, permissions, and automation. Use when the user asks about Claude Code features, capabilities, customization, extensibility, how to extend Claude Code, or automation workflows.

Build and deploy Coditect modules (backend, frontend+Theia combined) to GCP using Cloud Build. Use when deploying to GKE, troubleshooting builds, or optimizing build times.

Implement comprehensive input validation on server-side with complementary client-side validation for user experience, using allowlists, type checking, and sanitization to prevent injection attacks. Use this skill when validating user inputs, form data, API requests, file uploads, query parameters, or any external data entering the application. Apply this skill when implementing server-side validation as the primary security layer, adding client-side validation for immediate user feedback, validating data types and formats, checking ranges and required fields, sanitizing inputs to prevent SQL injection and XSS attacks, using allowlists over blocklists, providing field-specific error messages, or enforcing business rules at appropriate application layers. This skill ensures validation happens at all entry points consistently, security is never dependent on client-side checks alone, users receive helpful immediate feedback, and data integrity is maintained through multiple layers of validation.