frontend
0
openharmony-ui-reference
用于使用 ArkTS 开发 OpenHarmony UI 时 - 查找布局、组件、状态管理、动画、导航,或处理缺少装饰器、状态不更新、渲染问题等错误
mengfei0053
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
sikhaid-styling
Use when working on UI, styling, colors, or design in SikhAid project. Covers brand colors (navy/orange), Tailwind CSS patterns, custom animations, typography, responsive design, and the design system.
the-non-expert
development
frontend
0
http-interceptors
Angular 21+ functional HTTP interceptors for auth, error handling, loading states, retry logic, caching, and security best practices
tidemann
development
frontend
0
frontend-css
Write consistent, maintainable CSS using the project's methodology (Tailwind, BEM, CSS Modules) with proper design tokens and performance optimization. Use this skill when writing or modifying styles, CSS classes, Tailwind utilities, or styling-related code. When working on files like *.css, *.scss, *.module.css, tailwind.config.js, or components with inline/utility styles. When applying design system tokens (colors, spacing, typography), avoiding framework style overrides, or optimizing CSS for production with purging/tree-shaking.
mshafei721
development
frontend
0
component-refactoring
Refactor high-complexity React components. Use when complexity is high, when the user asks for code splitting, hook extraction, or complexity reduction.
yairbederman
development
frontend
0
vue-component
Creating Vue 3 components following project conventions and script order. Use when building new components, refactoring existing ones, or reviewing component code for convention compliance.
ShipitSmarter
development
frontend
0
next-intl-i18n
next-intl internationalization for 6 locales (pt-PT, en, tr, es, fr, de) with locale-prefixed routing, useTranslations/getTranslations patterns, and message file structure. Use when adding translations, creating localized pages, implementing language switchers, or handling locale routing.
canatufkansu
development
frontend
0
generate-card
Generate dashboard card component with shadcn Card structure, TypeScript props, and optional sub-components. Use when creating new dashboard widgets or stat cards.
marcd35
development
frontend
0
state-patterns
A practical skill for managing state in React prototypes without heavyweight libraries.
toddmoy
development
frontend
0
nextjs-server-navigation
Server Component navigation: <Link> for links, redirect() for conditional redirects. NO 'use client' needed for static links or server redirects.
kensleDev
development
frontend
0
form-building
Building create/edit forms with FormField components, validation integration, and save patterns
griffnb
development
frontend
0
tanstack-errors
This skill should be used when the user asks about "React Query error handling", "error boundaries with useQuery", "throwOnError", "global error callbacks", "onError callback", "query error state", "mutation error handling", or needs guidance on error handling strategies and patterns in TanStack Query.
salmanrrana
development
frontend
0
angular-v21-development
Develop Angular v21 components, services, and directives with signals. Use when implementing standalone components, OnPush change detection, inject() function, and input()/output() functions.
nekorush14
development
full-stack
0
pricing-app-frontend
React frontend patterns for Pricing App - Zustand, CSS Modules, Tesla Design System, permissions
sernafernando
development
frontend
0
medium-300-500ms
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
dylantarre
development
frontend
0
component-organization
Maintain consistent file structure - components/ui for base shadcn, components/shared for composed components, pages for routes, always use barrel exports
JewelsHovan
development
frontend
0
modals-dialogs
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
dylantarre
development
frontend
0
ui-component
Reusable UI component design and implementation methodology. Integrates design tokens, accessibility (a11y via W3C APG), and semantic HTML. Reference for building accessible, theme-compliant React components.
Higashi-Kota
development
frontend
0
using-cache-directive
Teach Cache Components model with 'use cache' directive in Next.js 16. Use when implementing caching, optimizing performance, working with dynamic data, or migrating from Next.js 15 caching patterns.
djankies
development
frontend
0
components
Use @inkcre/web-design Vue 3 components. Includes all 22 components with props, events, and usage examples.
InKCre
development
frontend
0
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", "alert".
planetaryescape
development
frontend
0
react-19-patterns
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 18.
Naw3
development