Get a week free of Claude Code →

Lobehub

15 Claude Code skills from lobehub/lobe-chat. Try each skill in the interactive playground before installing.

🐛 Drizzle
This skill helps you design and migrate PostgreSQL schemas with Drizzle ORM, ensuring type-safe, scalable database models and reliable migrations.
databasesqlmigrationbackend
🧪 Add Setting Env
This skill helps you implement server-side environment variables to configure default user settings and manage domain-specific defaults.
backenddevopsscriptingdocs
🔍 Typescript
This skill helps you write cleaner, safer TypeScript by applying code style, type-safety, and performance guidelines across projects.
typescriptcode-reviewlintingformatting
📝 Add Provider Doc
This skill guides you through creating and updating provider documentation, env vars, Docker configs, and image resources for new AI providers.
docswritingcontentai
🎨 Data Fetching
This skill guides data fetching architecture using a service layer, Zustand store, and SWR to optimize API calls and state management.
dataapitypescriptfrontend
🎨 Hotkey
This skill guides adding keyboard shortcuts and hotkeys, helping implement, register, and document keyboard interactions across features.
frontendscriptingproductivitycode-review
🎨 I18n
This skill guides you through i18n tasks using react-i18next in React/TypeScript, helping create keys, manage locales, and implement translations.
frontenddocswritingproduct
🐛 Microcopy
This skill helps you craft clear, user-friendly UI copy and microcopy that aligns with brand guidelines and improves onboarding and error messaging.
writinguxbrandingcontent
🎨 Modal
This skill guides you to implement and open imperative modals with createModal from @lobehub/ui, boosting modal UX consistency.
frontendreacttypescriptux
🎨 Project Overview
This skill helps you explore a TypeScript monorepo by summarizing project structure, architecture, and key components for quick onboarding.
frontendbackendfullstackdocs
🎨 Recent Data
This skill helps you efficiently access and manage recently used topics, resources, and pages with session-store guidance and type-safe patterns.
frontenddataanalyticsproductivity
🎨 Store Data Structures
This skill helps you design efficient Zustand stores by separating list and detail data, using maps for details, and defining clear type boundaries.
datafrontendbackendtypescript
🎨 Vercel React Best Practices
This skill applies Vercel React and Next.js best practices to optimize performance in components, pages, and data fetching.
reactnextjsperformanceai
⚙️ Version Release
This skill guides you through version release workflows for minor and patch releases, automating branch, PR, and release coordination.
releasegitautomationci-cd
🎨 Zustand
This skill guides Zustand state management for store code, actions, and slices, improving state reliability and developer productivity.
frontendproductivityrefactordesign

Other Authors

ctsstc (53) abdullahbeam (36) giuseppe-trisciuoglio (36) groeimetai (34) jgtolentino (34) saschabrunnerch (27) miles990 (22) legacybridge-tech (21)