Agent Skills Finder

Engineering & Design Standards Skills

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

Admin7 个技能0 个 GitHub URL
INSTALL

批量安装

默认先收起，需要时再展开这个合集的批量安装器并生成命令。

技能列表

这个合集里关联的已发布技能和已校验 GitHub skill 来源。
V
vercel-react-best-practices

作者 vercel-labs

vercel-react-best-practices 是由 Vercel Engineering 提供的 skill，用优先级规则引导 AI 优化 React 和 Next.js 性能，涵盖瀑布流请求、bundle 体积和渲染等关键问题。

前端开发
收藏 0GitHub 24k
A
frontend-design

作者 anthropics

frontend-design 帮你把模糊的 UI 想法，转化为有审美导向的量产级界面，实现真实可用的前端代码，而不是千篇一律的 AI 风格。

UI 设计
收藏 0GitHub 105.2k
N
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
V
web-design-guidelines

作者 vercel-labs

web-design-guidelines 会依据 Vercel Web Interface Guidelines 审查 UI 代码，拉取最新规则，并以精简的 file:line 结果返回问题，适合聚焦 UX 与无障碍审计。

UX 审计
收藏 0GitHub 24k
E
building-native-ui

作者 expo

building-native-ui 是一项面向 Expo Router UI 的技能，适合构建具有原生体验的 React Native 应用。使用前可先了解其安装背景、路由结构、tabs、headers、动画、媒体能力以及平台限制。

前端开发
收藏 0GitHub 1.6k
R
remotion-best-practices

作者 remotion-dev

remotion-best-practices 是一份面向 Remotion 的技能指南，聚焦安装、使用与规则化工作流，涵盖动画、素材、音频、字幕、FFmpeg 和 calculateMetadata。

视频编辑
收藏 0GitHub 2.4k
V
vue-best-practices

作者 vuejs-ai

vue-best-practices 是一项面向 Vue 3 的技能，适用于代码生成、代码审查和重构。它会引导代理优先采用 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.
Engineering & Design Standards Skills | Agent Skills Finder