Engineering & Design Standards Skills

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

Admin7 個技能0 個 GitHub URL

INSTALL

批量安裝

預設先收合，需要時再展開這個合集的批量安裝器並產生指令。

技能列表

這個合集裡已連結的已發佈技能與已校驗的 GitHub skill 來源。

vercel-react-best-practices

作者 vercel-labs

vercel-react-best-practices 是 Vercel Engineering 推出的 skill，用優先級規則引導 AI agent 優化 React 與 Next.js 效能，聚焦 waterfall、bundle size 與 rendering。

前端开发

收藏 0GitHub 24k

frontend-design

作者 anthropics

frontend-design 協助你把模糊的 UI 構想變成具有明確美感方向的獨特、可上線前端介面，產出真實可用的 frontend 程式碼，減少千篇一律的 AI 風格。

UI 設計

收藏 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 設計

收藏 0GitHub 53.7k

web-design-guidelines

作者 vercel-labs

web-design-guidelines 會依 Vercel Web Interface Guidelines 檢查 UI 程式碼，抓取最新規範，並以精簡的 file:line 結果回報，適合聚焦 UX 與無障礙稽核。

UX 稽核

收藏 0GitHub 24k

building-native-ui

作者 expo

building-native-ui 是一套用於 Expo Router UI 的技能，協助打造更具原生體驗的 React Native app。可先了解安裝情境、路由結構、tabs、headers、動畫、媒體支援與平台限制，再判斷是否適合導入。

前端开发

收藏 0GitHub 1.6k

remotion-best-practices

作者 remotion-dev

remotion-best-practices 是一份 Remotion 技能指南，聚焦安裝、使用與規則式工作流程，涵蓋動畫、素材、音訊、字幕、FFmpeg 與 calculateMetadata。

视频编辑

收藏 0GitHub 2.4k

vue-best-practices

作者 vuejs-ai

vue-best-practices 是一套用於 Vue 3 的 skill，適合程式碼產生、審查與重構。它會引導代理採用 Composition API、`<script setup lang="ts">`、明確的資料流、具 SSR 意識的設計選擇，以及 reactivity、SFC、composables、Router、Pinia 與以 Vite 為基礎的應用程式核心參考。

前端开发

收藏 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.