Claude Skills by FerroxLabs

Expert guidance for building content-driven websites with Astro, covering island architecture, content collections, SSR/SSG, integrations, and performance optimization. Use when the user asks about astro developer, astro developer best practices, or needs guidance on astro developer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Design interfaces that support users with cognitive and learning disabilities through plain language, clear navigation, predictable behavior, focus management, and effective error prevention. Use when the user asks about cognitive accessibility, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of cognitive accessibility or requires a different specialized skill.

Design accessible color systems using WCAG contrast ratios and APCA, simulate color blindness, build dark mode palettes, and select tooling for contrast validation. Use when the user asks about color contrast designer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of color contrast designer or requires a different specialized skill.

Component library design expertise covering design system tokens, component API design, compound components, polymorphic components, accessibility by default, Storybook documentation, testing, versioning, and tree-shaking. Use when the user asks about component library, component library best practices, or needs guidance on component library implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Diagnose and fix Cross-Origin Resource Sharing errors - headers, preflight requests, proxy configuration, and debugging techniques for every framework. Use when the user asks about cors troubleshooter, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of cors troubleshooter or requires a different specialized skill.

Guides expert-level css architecture implementation: html-css and web-development decision frameworks, production-ready patterns, and concrete templates for css architecture workflows. Use when the user asks about css architecture, css architecture configuration, or html-css best practices for css projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Advanced CSS expertise covering Grid and Flexbox mastery, custom properties architecture, responsive design methodology, CSS methodology selection, animation performance, container queries, cascade layers, and specificity management. Use when the user asks about css master, css master best practices, or needs guidance on css master implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Comprehensive frontend performance assessment covering Core Web Vitals, bundle analysis, rendering efficiency, and accessibility to produce an actionable audit report. Use when the user asks about frontend performance audit, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of frontend performance audit or requires a different specialized skill.

Guides expert-level html semantics implementation: html-css and web-development decision frameworks, production-ready patterns, and concrete templates for html semantics workflows. Use when the user asks about html semantics, html semantics configuration, or html-css best practices for html projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

HTMX development expertise covering hypermedia-driven application patterns, progressive enhancement, server-side rendering integration, HTMX attributes and extensions, partial page updates, form handling, real-time features, and migration from SPA frameworks. Use when the user asks about htmx developer, htmx developer best practices, or needs guidance on htmx developer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Inclusive content writing expertise covering plain language principles, effective alt text for images, video captions and audio descriptions, reading level optimization, cultural sensitivity review, bias-free language, accessible document structure, and creating content that works for diverse audiences including people with disabilities. Use when the user asks about inclusive content writer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is o...

Apply universal design principles, create diverse personas, identify edge cases, and design products that work for the widest possible range of human ability, context, and identity. Use when the user asks about inclusive design specialist, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of inclusive design specialist or requires a different specialized skill.

Expert guidance for designing and implementing micro-frontend architectures using module federation, single-spa, routing strategies, shared state, and team coordination patterns. Use when the user asks about micro frontend architect, micro frontend architect best practices, or needs guidance on micro frontend architect implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Guides expert-level next.js app router patterns implementation: typescript and frameworks decision frameworks, production-ready patterns, and concrete templates for nextjs app router patterns workflows. Use when the user asks about next.js app router patterns, nextjs app router patterns configuration, or typescript best practices for next.js projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Next.js architecture expertise covering App Router patterns, server vs client components, data fetching with server actions, middleware, route handlers, ISR, streaming SSR, image optimization, parallel routes, and intercepting routes. Use when the user asks about nextjs architect, nextjs architect best practices, or needs guidance on nextjs architect implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Guides expert-level next.js data patterns implementation: typescript and frameworks decision frameworks, production-ready patterns, and concrete templates for nextjs data patterns workflows. Use when the user asks about next.js data patterns, nextjs data patterns configuration, or typescript best practices for next.js projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Guides expert-level next.js deployment patterns implementation: typescript and frameworks decision frameworks, production-ready patterns, and concrete templates for nextjs deployment patterns workflows. Use when the user asks about next.js deployment patterns, nextjs deployment patterns configuration, or typescript best practices for next.js projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Guides expert-level next.js performance implementation: typescript and frameworks decision frameworks, production-ready patterns, and concrete templates for nextjs performance workflows. Use when the user asks about next.js performance, nextjs performance configuration, or typescript best practices for next.js projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Progressive Web App expertise covering service worker lifecycle, caching strategies, manifest configuration, offline patterns, push notifications, install prompts, and background sync. Use when the user asks about pwa builder, pwa builder best practices, or needs guidance on pwa builder implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Expert-level React application architecture covering component patterns, hooks design, state management selection, performance optimization, server components, and scalable folder structures. Use when the user asks about react architect, react architect best practices, or needs guidance on react architect implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Guides expert-level react component patterns implementation: javascript and typescript decision frameworks, production-ready patterns, and concrete templates for react component patterns workflows. Use when the user asks about react component patterns, react component patterns configuration, or javascript best practices for react projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Guides expert-level react performance patterns implementation: javascript and typescript decision frameworks, production-ready patterns, and concrete templates for react performance patterns workflows. Use when the user asks about react performance patterns, react performance patterns configuration, or javascript best practices for react projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Guides expert-level react server components implementation: typescript and frameworks decision frameworks, production-ready patterns, and concrete templates for react server components workflows. Use when the user asks about react server components, react server components configuration, or typescript best practices for react projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Guides expert-level react state management implementation: javascript and typescript decision frameworks, production-ready patterns, and concrete templates for react state management workflows. Use when the user asks about react state management, react state management configuration, or javascript best practices for react projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Guides expert-level react testing patterns implementation: typescript and testing decision frameworks, production-ready patterns, and concrete templates for react testing patterns workflows. Use when the user asks about react testing patterns, react testing patterns configuration, or typescript best practices for react projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Guides expert-level responsive design patterns implementation: html-css and responsive-design decision frameworks, production-ready patterns, and concrete templates for responsive design patterns workflows. Use when the user asks about responsive design patterns, responsive design patterns configuration, or html-css best practices for responsive projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Optimize web content for screen reader compatibility using semantic HTML, ARIA patterns, and live region management, with testing workflows for NVDA, VoiceOver, and JAWS. Use when the user asks about screen reader optimizer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of screen reader optimizer or requires a different specialized skill.

State management architecture expertise covering Redux, Zustand, Jotai, signals, server state vs client state, state machine patterns, choosing the right approach for your application, and avoiding over-engineering state solutions. Use when the user asks about state management architect, state management architect best practices, or needs guidance on state management architect implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technolo...

Comprehensive state management patterns covering local vs global state, Redux Toolkit, Zustand, Jotai, signals, server state with TanStack Query, URL state, form state, optimistic updates, and state machines with XState. Use when the user asks about state management, state management best practices, or needs guidance on state management implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Expert guidance for building applications with Svelte 5 and SvelteKit, covering runes reactivity, component patterns, stores, SSR/SSG, and production deployment. Use when the user asks about svelte builder, svelte builder best practices, or needs guidance on svelte builder implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Guides expert-level svelte 5 runes patterns implementation: javascript and frameworks decision frameworks, production-ready patterns, and concrete templates for svelte runes patterns workflows. Use when the user asks about svelte 5 runes patterns, svelte runes patterns configuration, or javascript best practices for svelte projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Guides expert-level sveltekit patterns implementation: javascript and frameworks decision frameworks, production-ready patterns, and concrete templates for sveltekit patterns workflows. Use when the user asks about sveltekit patterns, sveltekit patterns configuration, or javascript best practices for sveltekit projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Tailwind CSS design system expertise covering custom theme configuration, component extraction, responsive design patterns, dark mode, animation utilities, plugin development, integration with component libraries, and JIT optimization. Use when the user asks about tailwind designer, tailwind designer best practices, or needs guidance on tailwind designer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Advanced TypeScript expertise covering type-level programming, generics patterns, discriminated unions, template literal types, conditional types, mapped types, declaration merging, module augmentation, and strict mode mastery. Use when the user asks about typescript guru, typescript guru best practices, or needs guidance on typescript guru implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Expert Vue.js development covering Composition API patterns, Pinia state management, Vue Router, composables design, Nuxt.js integration, reactivity internals, and advanced component patterns. Use when the user asks about vue builder, vue builder best practices, or needs guidance on vue builder implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Guides expert-level vue composition patterns implementation: javascript and frameworks decision frameworks, production-ready patterns, and concrete templates for vue composition patterns workflows. Use when the user asks about vue composition patterns, vue composition patterns configuration, or javascript best practices for vue projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Guides expert-level vue state management implementation: javascript and frameworks decision frameworks, production-ready patterns, and concrete templates for vue state management workflows. Use when the user asks about vue state management, vue state management configuration, or javascript best practices for vue projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Guides expert-level vue testing patterns implementation: javascript and testing decision frameworks, production-ready patterns, and concrete templates for vue testing patterns workflows. Use when the user asks about vue testing patterns, vue testing patterns configuration, or javascript best practices for vue projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Audit digital products against WCAG 2.1/2.2 standards, determine conformance levels, identify failures, and produce actionable remediation plans with prioritized fixes. Use when the user asks about wcag compliance auditor, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of wcag compliance auditor or requires a different specialized skill.

Guides expert-level web accessibility patterns implementation: accessibility and web-development decision frameworks, production-ready patterns, and concrete templates for web accessibility patterns workflows. Use when the user asks about web accessibility patterns, web accessibility patterns configuration, or accessibility best practices for web projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

Web animation expertise covering CSS animations and transitions, GSAP, Framer Motion, scroll-triggered animations, performance optimization, animation choreography, easing functions, reduced motion accessibility, and animation design patterns. Use when the user asks about web animation master, web animation master best practices, or needs guidance on web animation master implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology dom...

Expert guidance for building custom elements with shadow DOM, lifecycle callbacks, slots, form participation, and framework interoperability patterns. Use when the user asks about web components, web components best practices, or needs guidance on web components implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Frontend performance optimization expertise covering Core Web Vitals, bundle optimization, code splitting, lazy loading, image and font optimization, caching strategies, service workers, and performance monitoring. Use when the user asks about web performance, web performance best practices, or needs guidance on web performance implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

Writes structured academic abstracts that state the problem, method, key findings, and implications in 150-300 words. Enforces findings-first writing over coverage descriptions. Use when the user asks to write an abstract for a research paper, thesis, conference submission, or journal article. Do NOT use for executive summaries (different format), paper introductions (use research-paper-structure), or literature review summaries (use literature-review).

Constructs rigorous academic arguments with clear claims, evidence, warrants, counterarguments, and rebuttals. Produces logically structured argumentative writing for academic contexts. Use when the user asks to write an argumentative essay, build an academic argument, construct a logical case, or develop a position paper with scholarly evidence. Do NOT use for thesis statements only (use thesis-statement), persuasive business writing (use business skills), or personal opinion pieces (use cre...

Reviews academic papers for methodological rigor, argument structure, evidence quality, and scholarly conventions. Produces structured peer-review-style feedback with specific, actionable recommendations. Use when the user asks for feedback on an academic paper, manuscript review, or scholarly critique of a research document. Do NOT use for proofreading academic text (use proofreading), writing a paper from scratch (use research-paper-structure), or responding to peer review comments (use pee...

Complete academic writing guide covering thesis and dissertation structure, journal article format using IMRaD, literature review methodology, citation management, the peer review process, and developing an effective academic voice. Use when the user asks about academic writer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of academic writer or requires a different specialized skill.

Creates Architecture Decision Records in standard ADR format with title, status, context, decision, and consequences sections. Use when the user needs to document an architectural or technical decision, write an ADR, or record why a technology choice was made. Do NOT use for technical specifications (use `technical-specification`), meeting notes (use `meeting-notes`), or general documentation (use `internal-wiki-page`).

API documentation expertise covering OpenAPI specification authoring, endpoint documentation patterns, code examples in multiple languages, authentication guides, quickstart tutorials, SDK documentation, error reference guides, versioning strategies, interactive documentation portals, and developer experience optimization. Use when the user asks about api documentation writer, api documentation writer best practices, or needs guidance on api documentation writer implementation. Do NOT use whe...

Creates API reference documentation with endpoint descriptions, HTTP methods, parameters, request/response JSON examples, error codes, and authentication details. Use when the user needs to document a REST API, write endpoint references, or create developer-facing API docs. Do NOT use for user guides (use `user-guide`), tutorials (use `tutorial-writing`), or README files (use `readme-writing`).