Engineering & Design Standards Skills

Best Claude Skills I use in 2026 collected by reddit users reddit-bluedusk

Admin7 개 스킬0 개 GitHub URL

INSTALL

일괄 설치

Open the batch installer for this collection and generate commands only when you need them.

스킬

이 컬렉션에 포함된 게시된 스킬과 검증된 GitHub skill 소스입니다.

vercel-react-best-practices

작성자 vercel-labs

vercel-react-best-practices는 Vercel Engineering에서 만든 스킬로, AI 에이전트가 React와 Next.js 성능을 최적화하도록 워터폴, 번들 크기, 렌더링 관련 우선순위 규칙을 안내합니다.

Frontend Development

즐겨찾기 0GitHub 24k

frontend-design

작성자 anthropics

frontend-design은 막연한 UI 아이디어를 실제 프론트엔드 코드와 뚜렷한 미적 방향성으로 구현해, 생산 단계에 바로 쓸 수 있는 개성 있는 인터페이스를 만들고 흔한 AI 스타일링을 줄여줍니다.

UI Design

즐겨찾기 0GitHub 105.2k

ui-ux-pro-max

작성자 nextlevelbuilder

ui-ux-pro-max는 AI 기반 UI/UX 디자인을 위한 종합 스킬입니다. 웹과 모바일 프로젝트의 레이아웃, 스타일, 컬러 시스템, 타이포그래피, UX 규칙에 대해 체계적으로 안내하며, React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter, HTML/CSS 등 다양한 환경에서 실무 디자인 결정을 지원합니다. UI 기획, 리뷰, 개선에 활용할 수 있는 큐레이션된 디자인 인텔리전스를 제공합니다.

UI Design

즐겨찾기 0GitHub 53.7k

web-design-guidelines

작성자 vercel-labs

web-design-guidelines는 UI 코드를 Vercel Web Interface Guidelines 기준으로 검토하며, 최신 규칙을 가져와 UX·접근성 감사에 맞춘 간결한 file:line 결과를 반환합니다.

UX Audit

즐겨찾기 0GitHub 24k

building-native-ui

작성자 expo

building-native-ui는 네이티브 감각의 React Native 앱을 위한 Expo Router UI 스킬입니다. 사용 전에 설치 맥락, 라우트 구조, 탭, 헤더, 애니메이션, 미디어, 플랫폼 제한 사항을 미리 파악할 수 있습니다.

Frontend Development

즐겨찾기 0GitHub 1.6k

remotion-best-practices

작성자 remotion-dev

remotion-best-practices는 Remotion 설치, 사용법, 규칙 기반 워크플로를 다루는 스킬 가이드로, 애니메이션, 에셋, 오디오, 자막, FFmpeg, calculateMetadata까지 폭넓게 안내합니다.

Video Editing

즐겨찾기 0GitHub 2.4k

vue-best-practices

작성자 vuejs-ai

vue-best-practices는 코드 생성, 리뷰, 리팩터링에 초점을 맞춘 Vue 3 스킬입니다. 에이전트가 Composition API, `<script setup lang="ts">`, 명시적인 데이터 흐름, SSR을 고려한 선택을 따르도록 안내하며, reactivity, SFC, composables, Router, Pinia, Vite 기반 앱의 핵심 레퍼런스까지 폭넓게 제공합니다.

Frontend Development

즐겨찾기 0GitHub 2.1k

사용 방법

이 컬렉션을 사용하는 Markdown 안내입니다.

# 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.