Claude Skills by FabLrc

github.com/FabLrc

12 skillsA× 120 installs25 views

Claude Opus MigrationAMigrate 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.ai-agentspythongoVotes: 0GitHub stars: 3
Explanatory OutputAActivates 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.developmentgoVotes: 0GitHub stars: 3
Frontend AccessibilityAEnsure 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.developmentgoreactVotes: 0GitHub stars: 3
Frontend DesignACreate 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.developmentgoreactVotes: 0GitHub stars: 3
Frontend PerformanceABuild 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.developmentgobashVotes: 0GitHub stars: 3
Frontend TestingAWrite 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.developmentgobashVotes: 0GitHub stars: 3
Skills DirectorySkills Directory Look up any of 103,619 scanned skills — grade, score, and every finding. Free.Check a skill
Image To Code SkillAElite 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...developmentrustgoVotes: 0GitHub stars: 3
Learning OutputAActivates 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.ai-agentsgorefactoringVotes: 0GitHub stars: 3
Security GuidanceAActivates 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.ai-agentspythonrustVotes: 0GitHub stars: 3
Seo Content FrARé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,...ai-agentsrustgoVotes: 0GitHub stars: 3
Web AnimationADesign 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.developmentreactvueVotes: 0GitHub stars: 3
Stitch SkillASemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.ai-agentsgospringVotes: 0GitHub stars: 3