Best Claude Skills I use in 2026 collected by reddit users reddit-bluedusk
Open the batch installer for this collection and generate commands only when you need them.
by vercel-labs
vercel-react-best-practices is a Vercel Engineering skill that guides AI agents to optimize React and Next.js performance with prioritized rules for waterfalls, bundle size, and rendering.
by anthropics
frontend-design helps you turn vague UI ideas into distinctive, production-grade interfaces with real frontend code, strong aesthetic direction, and less generic AI styling.
by nextlevelbuilder
ui-ux-pro-max is a comprehensive skill for AI-assisted UI/UX design. It offers structured guidance on layouts, styles, color systems, typography, and UX rules for web and mobile projects. Ideal for developers and teams needing practical design decisions across React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter, and HTML/CSS. Use it to plan, review, and improve UI with curated design intelligence.
by vercel-labs
web-design-guidelines reviews UI code against Vercel Web Interface Guidelines, fetching the latest rules and returning terse file:line findings for focused UX and accessibility audits.
by expo
building-native-ui is an Expo Router UI skill for native-feeling React Native apps. Learn install context, route structure, tabs, headers, animations, media, and platform limits before usage.
by remotion-dev
remotion-best-practices is a Remotion skill guide for install, usage, and rule-based workflows covering animation, assets, audio, captions, FFmpeg, and calculateMetadata.
by vuejs-ai
vue-best-practices is a Vue 3 skill for code generation, review, and refactoring. It guides agents toward Composition API, <script setup lang="ts">, explicit data flow, SSR-aware choices, and core references for reactivity, SFCs, composables, Router, Pinia, and Vite-based apps.
# Best Claude Skills I use in 2026 collected by reddit users reddit-bluedusk > https://www.reddit.com/r/claude/comments/1s5qyef/best_claude_skills_i_use_in_2026/ 04. vercel-react-best-practices 👉 Establishes consistent React coding and review standards to ensure readability, performance, and reliable edge-case handling. 05. vue-best-practices 👉 Defines clear component boundaries, state management patterns, and reuse strategies to reduce long-term maintenance cost. 06. frontend-design (Official) 👉 Generates clean, well-aligned UI code with Tailwind and shadcn/ui, avoiding “AI-looking” layouts through proper spacing and structure. 07. ui-ux-pro-max-skill 👉 Provides a unified cross-platform design system (Web, iOS, Android) with responsive layouts and scalable design standards. 08. web-design-guidelines 👉 Turns design principles (hierarchy, typography, accessibility) into actionable rules to eliminate subjective design debates. 09. building-native-ui 👉 Guides building native-feeling UIs in React Native/Expo, preventing platform inconsistencies and gesture issues. 10. remotion-best-practices 👉 Standardizes project structure and rendering workflows for programmable video, ensuring performance and maintainability.
