debugging
1
react-native-performance
Performance optimization for React Native. Use when optimizing lists, preventing re-renders, memoizing components, or debugging performance issues in Expo/React Native apps.
kurokeita
tools
запрос активен
Поиск skills
Найдите подходящую возможность для вашего агента.
Популярные запросы
Результаты
53,183
skills, соответствующие запросу
Страница
2041
из 2660
Запрос
ai
ищите по названию, тегу или описанию
mobile
1
motion
Build sophisticated React animations with Motion (formerly Framer Motion) - declarative animations, gestures (drag, hover, tap), scroll effects, spring physics, layout animations, and SVG manipulation. Optimize bundle size with LazyMotion (4.6 KB) or useAnimate mini (2.3 KB). Use when: adding drag-and-drop interactions, creating scroll-triggered animations, implementing modal dialogs with transitions, building carousels with momentum, animating page/route transitions, creating parallax hero sections, implementing accordions with smooth expand/collapse, or optimizing animation bundle sizes. For simple list animations, use auto-animate skill instead (3.28 KB vs 34 KB). Troubleshoot: AnimatePresence exit not working, large list performance issues, Tailwind transition conflicts, Next.js "use client" errors, scrollable container layout issues, or Cloudflare Workers build errors (resolved Dec 2024).
JoaquimCassano
development
frontend
1
ui-ux-guidelines
Implementation details for accessible, performant interfaces. Use alongside vercel-design-guidelines for detailed technical guidance on interactions, animations, and forms.
Tylerbryy
development
debugging
1
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing new React components, implementing data fetching, reviewing code for performance issues, or optimizing bundle size and load times. Contains 40+ rules across 8 categories prioritized by impact.
nuclom
tools
frontend
1
jwc-ui-shadcn-workflow
packages/ui의 shadcn/ui + Tailwind v4 컴포넌트를 추가/수정할 때 기존 컴포넌트 재사용, cn()/cva 패턴, exports 영향, lint/typecheck 절차를 따릅니다.
OhMinsSup
development
frontend
1
ui-publishing
shadcn/ui와 Tailwind CSS를 사용한 UI 컴포넌트 생성 가이드. UI 컴포넌트 생성, 스타일링, PRD 화면 구현 시 사용.
Nexters
development
frontend
1
frontend-architect
Expert UI/UX engineer and frontend specialist. Enforces the ibelick/ui-skills standard (Tailwind, Framer Motion, Shadcn) to build premium, performant interfaces.
officebeats
development
frontend
1
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
ZempTime
development
frontend
1
tailwind-css-4
Tailwind CSS v4 patterns with CSS-first configuration, @theme directive, design system integration, and utility-first styling for Next.js applications.
JanSzewczyk
development
frontend
1
violetconnect-patterns
Code patterns for implementing VioletConnect features - Redux, axiosWrapper, AppContext, API routes
violetio
development
full-stack
1
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
thomas0369
development
frontend
1
create-component
Create CVA + DaisyUI components following Iridium patterns. Use when asked to create UI components, buttons, inputs, cards, modals, alerts, or any reusable UI element.
tech-with-seth
development
frontend
1
signal-state-management
Preact Signals for reactive state management, signal vs computed signal usage, batch updates for performance, action creator patterns, signal integration with React components, state management by domain (boards posts members), reactive patterns, and signal best practices for ree-board project
DW225
development
frontend
1
frontend-design
创建具有高品质设计、独特且适用于生产环境的 frontend 界面。当用户要求构建网页组件、页面、工件、海报或应用程序时（例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局，或对任何网页 UI 进行样式化/美化时），使用这项技能。生成富有创意、精致且避免通用 AI 美学的代码和 UI 设计。
huminglong
development
debugging
1
frontend-debugging
Systematic 10-phase debugging procedure for SvelteKit 2 + Svelte 5 frontend issues. Use when components fail to render, routing breaks, runes throw errors, or Encore client calls fail.
nirukk52
tools
frontend
1
building-responsive-layouts
Claude builds responsive web layouts with mobile-first CSS, fluid typography, and container queries. Use when creating adaptive UIs that work across all device sizes.
doanchienthangdev
development
testing
1
nextjs-frontend-testing
Use this skill whenever the user wants to set up, improve, or run frontend tests (unit, component, and E2E) for a Next.js (App Router) + TypeScript + Tailwind + shadcn/ui project using Vitest/Jest, React Testing Library, and Playwright.
HenryXV
testing-security
full-stack
1
cyberk-fsd-fe
Build Next.js applications using Feature Sliced Design (FSD) methodology. Organizes code into layers (app, screens, widgets, features, entities, shared) with clear separation - entities for data fetching/search, features for mutations. Uses React Query for data fetching, Zustand for state management. Use when creating Next.js apps with FSD architecture, organizing React code by business domain, or implementing scalable frontend structure.
cyberk-dev
development
full-stack
1
action-cable-websocket-patterns
Complete guide to implementing real-time WebSocket features with Action Cable in Ruby on Rails. Use this skill when: (1) Building real-time chat applications, (2) Implementing live notifications and presence tracking, (3) Creating collaborative features, (4) Broadcasting model updates, (5) Setting up WebSocket authentication and authorization, (6) Testing Action Cable channels. Trigger keywords: Action Cable, WebSocket, real-time, channels, broadcasting, stream, subscriptions, presence, live updates, cable
Kaakati
development