Engineering & Design Standards Skills

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

Admin7 skills0 URL GitHub
INSTALL

Cài đặt hàng loạt

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

Skills

Các skills đã xuất bản và nguồn skill GitHub đã được xác thực có trong bộ sưu tập này.
V
vercel-react-best-practices

bởi vercel-labs

vercel-react-best-practices là skill từ Vercel Engineering giúp AI tối ưu hiệu năng React và Next.js với bộ quy tắc ưu tiên cho waterfalls, bundle size và rendering.

Frontend Development
Yêu thích 0GitHub 24k
A
frontend-design

bởi anthropics

frontend-design giúp biến ý tưởng UI mơ hồ thành giao diện khác biệt, sẵn sàng production, với frontend code thực tế, định hướng thẩm mỹ rõ ràng và ít kiểu AI chung chung.

UI Design
Yêu thích 0GitHub 105.2k
N
ui-ux-pro-max

bởi nextlevelbuilder

ui-ux-pro-max là kỹ năng toàn diện hỗ trợ AI cho thiết kế UI/UX. Cung cấp hướng dẫn cấu trúc về bố cục, phong cách, hệ màu, kiểu chữ và quy tắc UX cho dự án web và di động. Phù hợp cho lập trình viên và nhóm cần quyết định thiết kế thực tế trên React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter và HTML/CSS. Dùng để lên kế hoạch, đánh giá và cải thiện UI với trí tuệ thiết kế chọn lọc.

UI Design
Yêu thích 0GitHub 53.7k
V
web-design-guidelines

bởi vercel-labs

web-design-guidelines rà soát mã UI theo Vercel Web Interface Guidelines, lấy quy tắc mới nhất và trả về kết quả ngắn gọn dạng file:line để audit UX và khả năng truy cập tập trung.

UX Audit
Yêu thích 0GitHub 24k
E
building-native-ui

bởi expo

building-native-ui là skill giao diện Expo Router dành cho các ứng dụng React Native có cảm giác native. Tìm hiểu bối cảnh cài đặt, cấu trúc route, tabs, headers, animations, media và các giới hạn theo nền tảng trước khi dùng.

Frontend Development
Yêu thích 0GitHub 1.6k
R
remotion-best-practices

bởi remotion-dev

remotion-best-practices là skill guide cho Remotion, giúp đánh giá cài đặt, cách dùng và workflow theo rule về animation, assets, audio, captions, FFmpeg và calculateMetadata.

Video Editing
Yêu thích 0GitHub 2.4k
V
vue-best-practices

bởi vuejs-ai

vue-best-practices là skill dành cho Vue 3, hỗ trợ sinh mã, review và refactor. Skill này định hướng agent theo Composition API, <script setup lang="ts">, luồng dữ liệu tường minh, các lựa chọn có tính đến SSR và những tài liệu cốt lõi về reactivity, SFC, composables, Router, Pinia và ứng dụng dùng Vite.

Frontend Development
Yêu thích 0GitHub 2.1k

Cách sử dụng

Hướng dẫn Markdown để dùng bộ sưu tập này.
# 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.