skills.homes logoskills.homescapability registry
home/categories/frontend
category focus

Frontend

UI frameworks, state management, and styling.

2566 स्किल्सall categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
915

laravel-inertia-react-structure

Frontend structure conventions for Laravel Inertia React applications based on Spatie's production practices. Use when creating, scaffolding, or reviewing frontend code in a Laravel Inertia React project. Triggers on creating React components, pages, modules, organizing frontend directories, setting up Inertia pages, structuring a React frontend within Laravel, or when the user asks about frontend file organization in an Inertia app.

freekmurze
freekmurze
development
open
frontend
913

moai-library-shadcn

Provides shadcn/ui component library expertise for React applications with shadcn/cli v4, preset system, RTL support, unified radix-ui, and OKLCH theming. Use when implementing UI components, design systems, CLI workflows, or registry authoring with shadcn/ui.

modu-ai
modu-ai
development
open
frontend
913

moai-ref-react-patterns

React/Next.js component design patterns, state management strategies, and project structure reference for frontend development. Agent-extending skill that amplifies expert-frontend expertise with production-grade React patterns. NOT for: backend API design, database modeling, DevOps, mobile apps.

modu-ai
modu-ai
development
open
frontend
898

vue-pages

Generate Vue frontend pages using catch-table for CatchAdmin module with full component features.

JaguarJack
JaguarJack
development
open
frontend
882

flowmvi

FlowMVI usage guidance. Use when working with FlowMVI stores/containers, plugin pipelines, composing stores, decorators, or authoring plugins.

respawn-app
respawn-app
development
open
frontend
860

frontend-responsive-design-standards

Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts, responsive grids, breakpoint styles, mobile navigation, or any interface that needs to adapt to different screen sizes. Apply when working with responsive CSS, media queries, viewport settings, flexbox/grid layouts, mobile-first styling, breakpoint definitions (mobile, tablet, desktop), touch target sizing, relative units (rem, em, %), image optimization for different screens, or testing layouts across multiple devices. Use for any task involving multi-device support, responsive design patterns, or adaptive layouts.

am-will
am-will
development
open
frontend
852

create-component

End-to-end SEED component implementation guide from rootage spec to recipe, react, docs, and verification. Use when adding a new component or changing component behavior across layers. Covers architecture decisions, pattern selection, accessibility design, and implementation across all 5 component categories (simple, compound stateless, compound stateful, multi-recipe, layout).

daangn
daangn
development
open
frontend
832

javascript

检查 XSS、CSRF、原型污染等安全问题，支持 React/Vue/Angular

TencentBlueKing
TencentBlueKing
development
open
frontend
832

pinia

基于 Pinia 的全局状态管理规范，包含 UserStore、AppStore 的标准定义

TencentBlueKing
TencentBlueKing
development
open
frontend
832

vue-best-practices

Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.

TencentBlueKing
TencentBlueKing
development
open
frontend
832

vue-3-composables

提供标准化的 useTable, useRequest 等 Hooks，用于简化列表页和异步请求的逻辑复用。

TencentBlueKing
TencentBlueKing
development
open
frontend
829

docs-rsc-sandpack

Use when adding interactive RSC (React Server Components) code examples to React docs using <SandpackRSC>, or when modifying the RSC sandpack infrastructure.

reactjs
reactjs
development
open
frontend
827

react-skills

React 18 patterns for LlamaFarm Designer. Covers components, hooks, TanStack Query, and testing.

llama-farm
llama-farm
development
open
frontend
827

designer-skills

Designer subsystem patterns for LlamaFarm. Covers React 18, TanStack Query, TailwindCSS, and Radix UI.

llama-farm
llama-farm
development
open
frontend
826

dev-patterns

Styling and structure conventions for stream-chat-react. Use when adding or editing components, SCSS, or icons in this repo—file layout, styling folder structure, SCSS imports, and icon placement.

GetStream
GetStream
development
open
frontend
772

basic-setup

Install and render your first Turnstile widget with required configuration. Activate this skill when starting a new project with react-turnstile or when implementing basic CAPTCHA protection for the first time.

marsidev
marsidev
development
open
frontend
759

react-three-fiber-game

Build React-hosted 3D browser games with React Three Fiber. Use when the user wants pmndrs-based scene composition, shared React state, and 3D HUD integration inside a React app.

openai
openai
development
open
frontend
759

reactome-skill

Submit compact Reactome ContentService requests for pathway, event, participant, search, and diagram-related data. Use when a user wants concise Reactome summaries

openai
openai
development
open
frontend
759

ai-elements

AI Elements component library guidance — pre-built React components for AI interfaces built on shadcn/ui. Use when building chat UIs, message displays, tool call rendering, streaming responses, reasoning panels, or any AI-native interface with the AI SDK.

openai
openai
development
open
frontend
759

email

Email sending integration guidance — Resend (native Vercel Marketplace) with React Email templates. Covers API setup, transactional emails, domain verification, and template patterns. Use when sending emails from a Vercel-deployed application.

openai
openai
development
open
frontend
738

makepad-2-0-animation

CRITICAL: Use for Makepad 2.0 animation system. Triggers on: makepad animation, makepad animator, Animator, AnimatorState, hover effect, makepad transition, animation state, Forward, Snap, Loop, ease function, makepad animate, timeline, snap(), default @off, animation group, 动画, 过渡, 悬停效果, 动画状态, 缓动函数

ZhangHanDong
ZhangHanDong
development
open
Previous
Page 17 / 107
Next