前端开发 Skills - 前端开发 Agent Skills推荐与安装 - 第21页 - AI导哈

muidavila7/claude-…emplatesMaterial-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.1091 sasjs-serversasjs/skillsInstalling, configuring, and running @sasjs/server - the open-source NodeJS wrapper around the SAS binary that provides a REST API, filesystem (SASjs Drive), Stored Program execution, and web app streaming. Covers desktop vs server modes, runtimes (SAS/JS/Python/R), env vars, auth (tokens, LDAP), and mock servers. Use when deploying, troubleshooting, or developing against sasjs/server.1091 typescript-react-patternsasyrafhussin/ag…t-skillsTypeScript best practices for React development. Use when writing typed React components, hooks, events, refs, or generic components. Triggers on tasks involving TypeScript errors, type definitions, props typing, or type-safe React patterns.1084 eslint-prettier-configpatricio0312rev/skillsConfigures ESLint and Prettier for consistent code quality with TypeScript, React, and modern best practices. Use when users request "ESLint setup", "Prettier config", "linting configuration", "code formatting", or "lint rules".1083 headless-checkout-proxyvtex/skillsApply when implementing cart, checkout, or order placement logic proxied through a BFF for headless VTEX storefronts. Covers OrderForm lifecycle, cart creation, item management, profile/shipping/payment attachments, orderFormId management, and secure checkout flows. Use for any headless frontend that needs to proxy VTEX Checkout API calls through a server-side layer with proper session cookie handling.1083 appkitreown-com/skillsGuides developers through integrating Reown AppKit into web applications (React, Next.js, Vue, Nuxt, Svelte, vanilla JavaScript). Use when adding wallet connection, network switching, multi-chain support, or troubleshooting AppKit integration issues.1080 hyperframes-registrycalesthio/openmontageInstall and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, registry discovery, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).1079 top-banner-generatorkostja94/market…g-skillsDeprecated compatibility entry for Top Banner construction. This component is now maintained in Bricks; install and use component-builder to build a new Top Banner.1077 headless-intelligent-searchvtex/skillsApply when implementing search functionality, faceted navigation, or autocomplete in a headless VTEX storefront. Covers product_search, autocomplete_suggestions, facets, banners, correction_search, and top_searches endpoints, plus analytics event collection. Use for any custom frontend that integrates VTEX Intelligent Search API for product discovery and search result rendering.1077 skyline-componentswechat-miniprogram/skyline-skillsSkyline 组件开发技能。涵盖 scroll-view 及其增强模式（列表/嵌套滚动）、swiper 高级特性、表单组件、图片/文本组件、半屏可拖拽组件、共享元素动画等。适用于需要开发滚动列表、轮播、表单输入、页面过渡动画等场景。1076 react-nextjs-patternsduyet/codex-cla…-pluginsConventions for React and Next.js App Router code. Use when building or reviewing components, pages, data fetching, caching, or Server Actions in a Next.js app.1075 compose-component-designchrisbanes/skillsUse when designing or reviewing reusable Jetpack Compose component APIs with modifier parameters, root layout placement, caller-provided variable content, primitive content parameters, optional content, or boolean shape flags.1075 cli-healthcheaper-inference/omnirouteCheck server health, component status, and live metrics from the CLI. Run `health`, `health components`, and `health watch` for a real-time dashboard of circuit breakers and provider status.1074 react-data-fetchingpatternsdev/skillsTeaches modern React data fetching patterns with TanStack Query, SWR, and Suspense. Use when implementing caching, deduplication, optimistic updates, or parallel loading in React applications.1073 navigation-menu-generatorkostja94/market…g-skillsDeprecated compatibility entry for Navigation Menu construction. This component is now maintained in Bricks; install and use component-builder to build a new Navigation Menu.1071 cardkostja94/market…g-skillsDeprecated compatibility entry for Card construction. This component is now maintained in Bricks; install and use component-builder to build a new Card.1068 react-component-performancedimillian/skillsAnalyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). Use when asked to profile or improve a React component, reduce re-renders, or speed up UI updates in React apps.1068 setting-up-astro-projectastronomer/agentsInitialize and configure Astro/Airflow projects. Use when the user wants to create a new project, set up dependencies, configure connections/variables, or understand project structure. For running the local environment, see managing-astro-local-env.1068 sveltekit-structurespences10/svelt…ills-kitSvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending UI, and hydration.1067 create-componentadobe/skillsCreates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. Supports extending Core Components and project components. When a Figma design URL is provided, fetches the design via Figma MCP (get_design_context) and translates it into pixel-perfect HTL, CSS, and JS. Follows Adobe Experience League best practices for AEM Cloud Service and 6.5. Use this skill whenever the user mentions creating, building, generating, or scaffolding an AEM component, or mentions component types like teaser, card, hero, banner, accordion, tabs, carousel, list, navigation, breadcrumb, or any custom AEM component. Also trigger when the user wants to extend a Core Component, create a component dialog, add a Sling Model, or convert a Figma design into an AEM component.1067 htmlmindrally/skillsGuidelines for semantic HTML markup, document structure, forms, accessibility attributes, and modern HTML best practices1066 trust-badges-generatorkostja94/market…g-skillsDeprecated compatibility entry for Trust Signals construction. This component is now maintained in Bricks; install and use component-builder to build a new Trust Signals.1065 react19-concurrent-patternsgithub/awesome-copilotPreserve React 18 concurrent patterns and adopt React 19 APIs (useTransition, useDeferredValue, Suspense, use(), useOptimistic, Actions) during migration.1065 convex-component-authoringwaynesutton/bui…r-skillsCreates reusable Convex components with defineComponent, a clean client wrapper, their own schema, and an npm publish setup. Use when extracting a feature into a package, building something for the Convex component directory, or when a component's functions are not showing up in the parent app.1064 breadcrumb-generatorkostja94/market…g-skillsDeprecated compatibility entry for Breadcrumb construction. This component is now maintained in Bricks; install and use component-builder to build a new Breadcrumb.1064 frontend-ui-dark-tssickn33/agentic…e-skillsA modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.1063 gridkostja94/market…g-skillsDeprecated compatibility entry for Grid construction. This component is now maintained in Bricks; install and use component-builder to build a new Grid.1062 compound-patternpatternsdev/skillsTeaches the compound component pattern for shared implicit state. Use when building related components like tabs, accordions, or dropdowns that need to coordinate without explicit prop passing.1060 sentry-react-setupgetsentry/sentr…t-skillsSetup Sentry in React apps. Use when asked to add Sentry to React, install @sentry/react, or configure error monitoring, error boundaries, session replay, or browser tracing for React applications.1058 sidebar-generatorkostja94/market…g-skillsDeprecated compatibility entry for Sidebar construction. This component is now maintained in Bricks; install and use component-builder to build a new Sidebar.1057