Skills matching the name, description or GitHub author.
Use when writing or refactoring Python code for LangGraph v1.x + LangChain v1: Graph API + Functional API import paths, checkpoint/store usage, and migrations off deprecated prebuilts (create_react_agent -> lan...
Personal TypeScript/React code style preferences including naming conventions, formatting rules, and review severity labels. Use this skill when: (1) Writing new TypeScript/React code, (2) Reviewing code or PRs...
Animation patterns and micro-interactions with Framer Motion in React/Next.js. Use when implementing animations, page transitions, gesture interactions, scroll-based animations, or any motion design in React a...
State management patterns with Zustand 5, including store creation, slices pattern, persistence, devtools, and React integration. Use when implementing global state, complex store structures, or migrating from...
React 19 modern patterns including the use() hook, Server Components, Server Actions, React Compiler, and new APIs. Use when implementing features with React 19+, optimizing performance, or migrating from React...
Testing patterns with Vitest, React Testing Library, and Playwright. Use when writing unit tests, component tests, integration tests, or end-to-end tests for React/Next.js applications.
LangGraph patterns for AI agents and workflows. Use when: building ReAct agents, multi-agent systems, human-in-the-loop, state machines. Do not use for: simple LLM calls (use langchain directly). Workflow: Stan...
Internationalization patterns for web and mobile apps. Use when: adding multi-language support, translation structure, language switching. Do not use for: general React/Next.js patterns (use nextjs, expo-react-...
Expo/React Native project conventions and patterns. Use when: building cross-platform mobile apps with Expo, React Native screens, mobile-specific logic. Do not use for: UX decisions (use ux-design), token/comp...
Design token systems and component architecture for web and React Native. Use when: implementing design-system, building UI components, defining tokens, creating themed interfaces. Do not use for: UX decisions...
Web performance patterns and Core Web Vitals optimization. Use when: optimizing load times, fixing CWV issues, code splitting. Do not use for: SEO (use seo skill), general React patterns (use nextjs skill). Wor...
Write comprehensive Vitest tests for TypeScript and React. Use when creating unit tests, component tests, improving test coverage, or when user asks about testing patterns, mocking, or test utilities.
useCallback、useEffect の正しい使い方、無限ループ防止。Biomeチェック後の修正、Client Component作成時に使用。
Cria formulários com React Hook Form, validação Zod e shadcn/ui. Use quando precisar criar ou modificar formulários seguindo os padrões Bewear.
Realiza revisão de código completa seguindo as diretrizes Bewear, verificando padrões de arquitetura, TypeScript, React, Next.js, segurança e boas práticas. Use para revisar PRs ou código antes de merge.
Cria componentes React seguindo os padrões Bewear com shadcn/ui, TypeScript e Tailwind CSS. Use quando precisar criar novos componentes ou modificar componentes existentes.
Cria hooks React Query (queries e mutations) seguindo os padrões Bewear com invalidação de cache e integração com Server Actions.
Mobile Cross-Platform Agent. React Native/Flutter를 사용한 크로스플랫폼 앱 개발을 담당합니다.
컴포넌트 개발 에이전트. React/Next.js 컴포넌트를 설계하고 구현합니다.
Frontend TDD Agent. React/Next.js 기반 TDD 테스트 작성 및 구현을 담당합니다. 테스트 먼저 작성 후 구현하는 Red-Green-Refactor 사이클을 따릅니다.
커스텀 훅 개발 에이전트. React 커스텀 훅을 설계하고 구현합니다.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, artifacts, posters, or applications (websites, landing pages, dashboards...
Ensure code follows DDD architecture and DAL separation for both frontend and backend. Triggers: DDD, arch, 架構, 新功能, 新模組, new feature, scaffold, 骨架, domain, layer, 分層, structure, 結構, backend, fron...
Best practices for building Panel visualization apps using param.Parameterized classes, reactive binding with pn.bind(), and URL state sync.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.