GitHub
trpc-patterns
Guide tRPC development with routers, services, and client usage. Use when building API endpoints, data fetching, or tRPC procedures.
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
liveview-patterns
Phoenix LiveView UI and real-time feature patterns
☆ 0查看技能
GitHub
vanilla-web
Build or modify plain HTML/CSS/JavaScript (no framework) using modular ES modules (ESM), SRP, minimal global state, and shippable runnable files with lightweight verification. Use for static pages, small UI wid...
☆ 0查看技能
GitHub
next-stack
Next.js App Router frontend stack workflow: Server Components-first, Prisma server-only (Node runtime), Tailwind + shadcn/ui, TanStack Query, React Hook Form + Zod, and conventions for work under frontend/. Use...
☆ 0查看技能
GitHub
css-styling-standards
CSS styling standards and best practices for responsive, accessible, and maintainable web interfaces with special considerations for multilingual content and Chuukese text display. Use when creating or modifyin...
☆ 0查看技能
GitHub
mobile-perf
Optimizes React Native Expo applications for speed, responsiveness, and battery efficiency. Use when fixing lag, optimizing lists, or reducing bundle size.
☆ 0查看技能
GitHub
navigation-architect
Designs and implements navigation flows using Expo Router (file-based routing). Use when adding new screens, handling deep links, or restructuring the app's layout.
☆ 0查看技能
GitHub
web-artifacts-builder
Build complex, multi-component web applications using React, Tailwind CSS, and shadcn/ui. Use when creating dashboards, interactive tools, admin panels, or any sophisticated web artifact that needs modern front...
☆ 0查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling any web UI. Generates creat...
☆ 0查看技能
GitHub
dashboard-builder
Build professional admin dashboards and management panels with charts, tables, stats cards, and navigation. Use when creating admin panels, analytics dashboards, CRM interfaces, or any data-driven management UI...
☆ 0查看技能
GitHub
frontend-dev
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling any web UI. Gene...
☆ 0查看技能
GitHub
frontend-design
Create production-ready frontend interfaces with high-quality, memorable design. Use when building web components, pages, or applications.
☆ 0查看技能
GitHub
auto-generated-nextjs-api-route-patterns
Next.js API route patterns for this project. Runtime config, circuit breakers, demo mode fallback, multiple AWS invocation strategies. Triggers on "api route", "next.js", "route handler", "POST", "GET".
☆ 0查看技能
GitHub
auto-generated-react-email-patterns
React Email + Tailwind patterns for this project. Component structure, brand colors, conditional sections, fallback templates. Triggers on "email template", "react-email", "digest email", "tailwind email".
☆ 0查看技能
GitHub
auto-generated-tanstack-query-patterns
TanStack Query patterns for this project. Polling with exponential backoff, conditional queries, mutation with toast notifications. Triggers on "useQuery", "useMutation", "tanstack query", "react query", "data...
☆ 0查看技能
GitHub
auto-generated-shadcn-ui-patterns
shadcn/ui component patterns for this project. CVA variants, Radix primitives, cn utility, forwardRef. Triggers on "shadcn", "ui components", "class-variance-authority", "radix-ui", "cva", "button", "badge", "a...
☆ 0查看技能
GitHub
react-best-practices
React 19 patterns and performance best practices from Vercel Engineering. Trigger: When writing, reviewing, or refactoring React/Next.js code. Covers React Compiler, Server Components, new hooks (use, useAction...
☆ 0查看技能
GitHub
react-native-best-practices
React Native performance optimization guidelines from Callstack's Ultimate Guide. Use this skill when writing, reviewing, or debugging React Native code for performance issues. Triggers on tasks involving FPS o...
☆ 0查看技能
GitHub
nextjs-app-router
Next.js 15 App Router patterns. Trigger: When working in Next.js App Router (app/), Server Components vs Client Components, Server Actions, Route Handlers, caching/revalidation, and streaming/Suspense.
☆ 0查看技能
GitHub
slice-factory
Zustand slice factory design. Use when creating new form input slices, understanding slice patterns, or asking about slice architecture.
☆ 0查看技能
GitHub
building-ui
Expo Router UI implementation guide. Use for Expo-specific components, navigation setup, native tabs, and implementation patterns.
☆ 0查看技能
GitHub
fe-design
Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimal...
☆ 0查看技能
GitHub
add-dialog-component
Create React dialog components with forms for the dealflow-network project using Radix UI, tRPC mutations, and proper state management. Use when adding create/edit dialogs, modals, or form-based UI components.
☆ 0查看技能
GitHub
svelte-accessibility-a11y
Accessibility best practices for Svelte 5 applications. Use when users ask about accessibility, a11y, ARIA attributes, screen readers, keyboard navigation, focus management, semantic HTML, or making Svelte apps...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。