Claude Skills by FabLrc

Migrate prompts and code from Claude Sonnet 4.0, Sonnet 4.5, or Opus 4.1 to Opus 4.5. Use when the user wants to update their codebase, prompts, or API calls to use Opus 4.5. Handles model string updates and prompt adjustments for known Opus 4.5 behavioral differences. Does NOT migrate Haiku 4.5.

Activates explanatory output mode. Adds educational insights about implementation choices, codebase patterns, and design decisions before and after writing code. Use when you want Claude to explain its reasoning and teach while it works.

Ensure every frontend interface is accessible to all users. Use this skill proactively when building components, forms, navigation, modals, tables, or any interactive UI. Covers ARIA, keyboard navigation, color contrast, screen readers, focus management, and semantic HTML.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Build fast, efficient frontend applications. Use this skill when creating components, pages, or applications where loading speed, runtime performance, or bundle size matter. Covers Core Web Vitals, image optimization, font loading, code splitting, caching, and runtime performance.

Write comprehensive tests for frontend applications. Use this skill when creating components, pages, or features to ensure they work correctly and remain stable. Covers unit tests, component tests, E2E tests, visual regression, accessibility testing, and mocking strategies.

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero...

Activates interactive learning mode. Instead of implementing everything automatically, Claude identifies key decision points and asks you to write 5-10 lines of meaningful code (business logic, design choices, error handling strategies). Combines learning-by-doing with explanatory insights. Use when you want to actively learn while building.

Activates security awareness mode. Warns about potential vulnerabilities when editing files containing dangerous patterns: command injection, XSS, eval, dangerouslySetInnerHTML, innerHTML, document.write, pickle, os.system, GitHub Actions workflow injection. Load this skill at the start of a session working on security-sensitive code.

Rédige, analyse et planifie du contenu SEO en français optimisé pour Google. Utilise ce skill systématiquement dès que l'utilisateur demande de rédiger un article de blog, optimiser un texte existant, auditer le SEO d'une page, trouver des mots-clés, proposer des sujets d'articles, construire un cocon sémantique, rédiger une balise title/meta description, ou toute tâche liée au référencement naturel en français. Déclenche aussi sur les termes : SEO, référencement, article optimisé, mots-clés,...

Design and implement web animations that feel natural and purposeful. Use this skill when the user asks to add motion, transitions, or interactive effects. Covers easing, spring physics, timing, orchestration, scroll-driven animations, and accessibility. Compatible with CSS, Motion (React/JS/Vue), and native Web Animations API.