GitHub
building-3d-graphics
Claude builds immersive 3D web experiences with Three.js and React Three Fiber. Use when creating WebGL scenes, 3D animations, shaders, or physics simulations.
☆ 3查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
react-component-library-usage
Guidelines for using the Commonplace Design System in React components
☆ 3查看技能
GitHub
react-component-writing
React component style guide
☆ 3查看技能
GitHub
developing-reactflow-ui
React Flow 라이브러리를 사용한 노드 기반 UI 개발 지원. 노드/엣지 생성, 커스터마이징, 레이아웃, 상호작용 구현 시 사용. 항상 최신 문서를 WebFetch로 참조하여 정확한 정보 제공.
☆ 3查看技能
GitHub
vanilla-rails-hotwire
Use when writing Hotwire (Turbo/Stimulus) code in Rails - enforces dom_id helpers, morph updates, focused Stimulus controllers, and JavaScript private methods
☆ 3查看技能
GitHub
notification-ui
Renders notification bell icon with unread count badge, pulse animations for new notifications, and dropdown panel (320px × max 400px) displaying notification items with purple theme for VERY IMPORTANT tasks. I...
☆ 3查看技能
GitHub
nextjs
Next.js 16 patterns for App Router, Server/Client Components, proxy.ts authentication, data fetching, caching, and React Server Components. Use when building Next.js applications with modern patterns.
☆ 3查看技能
GitHub
performance-optimization
Full-stack performance analysis, optimization patterns, monitoring strategies, React 19 concurrent features, and bundle analysis for 2025+ development
☆ 3查看技能
GitHub
design-system-starter
Use this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consis...
☆ 3查看技能
GitHub
react-server-components-framework
Design and implement React Server Components with Next.js 15 App Router. Master server-first architecture, streaming SSR, Server Actions, React 19 patterns, and modern data fetching for 2025+ development.
☆ 3查看技能
GitHub
tailwind
Tailwind CSS v4 best practices, CSS-first configuration and modern patterns. Use when writing styles, configuring themes or migrating from v3.
☆ 3查看技能
GitHub
react
React 19 best practices, hooks, state management and data fetching. Use when writing components, hooks, managing state, handling async operations or reviewing React code.
☆ 3查看技能
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
☆ 3查看技能
GitHub
react-native-expo
Comprehensive React Native and Expo development skill for building cross-platform mobile apps. Use when creating React Native or Expo projects, building screens and navigation with Expo Router, using Expo SDK p...
☆ 3查看技能
GitHub
utopia-grid-layout
CSS Grid, Flexbox, and Subgrid using Utopia.fyi fluid spacing for gaps and gutters. Use when creating two-dimensional grid layouts, one-dimensional flex layouts, nested subgrids, or implementing the Utopian dec...
☆ 3查看技能
GitHub
utopia-container-queries
CSS Container Queries with container units (cqi, cqw, cqh, cqb) combined with Utopia.fyi fluid scales for component-level responsiveness. Use when creating truly modular components that adapt to container size,...
☆ 3查看技能
GitHub
web-components-architecture
Build web components using Custom Elements v1 API with Declarative Shadow DOM, attribute-driven state, handleEvent pattern, and zero DOM selection. Use when creating custom elements, extending built-in HTML ele...
☆ 3查看技能
GitHub
maud-components-patterns
Reusable component patterns for Maud including the Render trait, function components, parameterized components, layout composition, partials, and component organization. Use when building reusable UI elements,...
☆ 3查看技能
GitHub
mobile-ui
Mobile UI patterns, gestures, animations, and platform-specific design.
☆ 3查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces avoiding "AI slop" aesthetics. Use when: building landing pages, dashboards, components, or styling any web UI. Triggers: "design", "landing page", "beau...
☆ 3查看技能
GitHub
frontend-react
Modern React stack: React 19, TypeScript, Tailwind CSS, Vite, TanStack Query. Use when: building React apps, components, state management, or UI. Triggers: "react", "frontend", "tailwind", "vite", "typescript r...
☆ 3查看技能
GitHub
frontend-htmx
Axum + Askama + HTMX stack for single-binary web apps. Use when: building server-rendered UI, lightweight frontends, single deployable binary. Triggers: "htmx", "askama", "templates", "server-rendered", "single...
☆ 3查看技能
GitHub
react-native-expert
React Native core patterns, navigation, state management, and performance optimization.
☆ 3查看技能
GitHub
ui-generator
Generate UI components from natural language descriptions. Use when: user asks for a page, component, or UI element. Triggers: "create page", "add component", "show form", "make button", "страница", "компонент"...
☆ 3查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。