GitHub
advanced-types
Advanced TypeScript types including generics, conditionals, and mapped types
☆ 1查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
app-router
Next.js App Router - Server components, layouts, routing patterns
☆ 1查看技能
GitHub
data-fetching
Next.js data fetching - Server actions, caching, revalidation
☆ 1查看技能
GitHub
forms
HTML5 forms, Constraint Validation API, accessible form patterns, and modern input types
☆ 1查看技能
GitHub
graphql-apollo-client
Build React apps with Apollo Client - queries, mutations, cache, and subscriptions
☆ 1查看技能
GitHub
frontend-guide
Comprehensive frontend development guide covering HTML, CSS, JavaScript, TypeScript, React, Vue, Angular, and modern web technologies. Use when working on frontend development, web applications, or UI/UX implem...
☆ 1查看技能
GitHub
css-flexbox-grid
Master Flexbox and CSS Grid layouts for modern responsive design
☆ 1查看技能
GitHub
css-tailwind
Build with Tailwind CSS utility-first framework - configuration, customization, best practices
☆ 1查看技能
GitHub
css-modern
Use modern CSS features - custom properties, container queries, :has(), @layer, CSS nesting
☆ 1查看技能
GitHub
css-fundamentals
CSS fundamentals - selectors, specificity, box model, positioning, units
☆ 1查看技能
GitHub
css-animations
Create performant CSS animations, transitions, and motion design
☆ 1查看技能
GitHub
frontend-patterns
Frontend development and API integration patterns for React, TypeScript, and state management
☆ 1查看技能
GitHub
performance
Analizador de rendimiento de código. Detecta N+1 queries, memory leaks, CPU bottlenecks, bundle size issues, rendering problems en React. Optimiza queries SQL, caching, lazy loading.
☆ 1查看技能
GitHub
distinctive-frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 1查看技能
GitHub
ios-reactive-list-generator
Generate reactive iOS list screens with RxSwift MVVM Input/Output pattern. Creates complete list features with reactive bindings, pagination (date range/page number), ViewModel, ViewController, Navigator, and t...
☆ 1查看技能
GitHub
frontend-design
Apply when creating React frontend UI: pages, dashboards, forms, components, layouts, landing pages, modals. Enforces neobrutalist design — hard shadows, 2px borders, warm cream/yellow palette, no dark mode. Te...
☆ 1查看技能
GitHub
nextjs-performance
Next.js performance optimizations including next/image, next/font, dynamic imports, caching strategies, and bundle optimization. Use when optimizing Next.js apps for speed or Core Web Vitals.
☆ 1查看技能
GitHub
nextjs-server-components
Next.js App Router Server Components, Client Components, layouts, data fetching, and Server Actions. Use when working with Next.js app directory, component boundaries, or data fetching patterns.
☆ 1查看技能
GitHub
vue3-frontend
Comprehensive Vue 3 frontend development skill. Use when developing Vue 3 applications, components, or composables. Covers: (1) Creating new Vue 3 projects and components, (2) Vue 2 to Vue 3 migration, (3) Code...
☆ 1查看技能
GitHub
android-architecture
Guides Android development with MVI state management, repository pattern, and clean architecture. Activates when implementing Android features, ViewModels, repositories, or data layers.
☆ 1查看技能
GitHub
ds-pro-max
Design system intelligence. Search AntD, Material-UI, Figma, Bootstrap, Tailwind specs. Generate compliant CSS code. Audit for violations. Components, colors, typography, spacing, tokens. Actions: search, gener...
☆ 1查看技能
GitHub
design-guide
Ensures every UI component looks modern and professional with clean, minimal design. Use when building ANY user interface element including buttons, forms, cards, layouts, web pages, or React/HTML artifacts. Pr...
☆ 1查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 1查看技能
GitHub
tailwind-css-v4-mastery
Expert guidance for leveraging Tailwind CSS V4's new Oxide engine, CSS-first configuration, and modern styling paradigms. This skill transforms Claude into a Tailwind V4 architecture specialist, capable of desi...
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。