frontend
0
vue-components
Apply when creating or modifying Vue components, using BaseCard, ColorPicker, Toast, or composables. Covers component architecture, module structure, and Vue 3 Composition API patterns.
bwl21
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
ux-component-states
Interactive component state patterns including hover, focus, active, disabled, loading, and error states. Use when building buttons, inputs, cards, or any interactive elements. (project)
matthewharwood
development
frontend
0
animejs-v4
Anime.js 4.0 animations for Web Components — drag-drop, click feedback, swaps, cancelable motion. Use when adding animations, drag interactions, visual feedback, or motion to custom elements. Combines with web-components-architecture for lifecycle cleanup.
matthewharwood
development
frontend
0
tailwindcss-transforms
Transform & Animation utilities Tailwind CSS v4.1. Transform (scale-*, rotate-*, translate-*, skew-*, transform-origin), Transition (transition-*, duration-*, ease-*, delay-*), Animation (animate-*, @keyframes).
fusengine
development
frontend
0
state-management
Client-side state patterns for Web Components. Use when building interactive applications requiring state synchronization, reactive updates, or undo/redo functionality.
ProfPowell
development
frontend
0
mdx-runtime
Render và xử lý nội dung MDX runtime trong repo (docs/blog/projects), dùng MdxRemote + next-mdx-remote-client. Dùng khi làm nội dung MDX, sanitize, hoặc map components cho MDX.
HuynhSang2005
development
frontend
0
web-components
Creates reusable custom HTML elements using Web Components standards including Custom Elements, Shadow DOM, templates, and slots. Use when building framework-agnostic components, creating design systems, or when user mentions web components, custom elements, or shadow DOM.
mgd34msu
development
frontend
0
internal-links
Connect all buttons and links to pages or same-page sections. Ensures every CTA has a valid href, uses Next.js Link component, and adds section IDs for anchor links.
deomiarn
development
frontend
0
tailwindcss-effects
Effects utilities Tailwind CSS v4.1. Shadows (shadow-*, shadow-color, inset-shadow-* NEW), Opacity (opacity-*), Filters (blur, brightness, contrast, grayscale, sepia), Backdrop filters (backdrop-blur-*, backdrop-brightness-*), Masks (mask-* NEW).
fusengine
development
frontend
0
tanstack-query-mobile
TanStack Query for React Native data fetching. Use when implementing server state.
IvanTorresEdge
development
frontend
0
route-transition-tracking
Measure time from navigation to page fully loaded and interactive. Use when tracking SPA navigation, route changes, or slow page transitions.
nexus-labs-automation
development
frontend
0
frontend-design
前端界面设计技能。创建独特、高质量的前端界面，避免通用 AI 风格。当用户需要构建网站、落地页、仪表盘、React 组件、HTML/CSS 布局或美化任何 Web UI 时使用此技能。
enoch-robinson
development
frontend
0
migrating-from-v3
Migrate from Tailwind CSS v3 to v4 including configuration migration (JS to CSS), utility renames, opacity changes, and color system updates. Use when upgrading existing projects to v4.
djankies
development
frontend
0
rxjs-patterns
RxJS reactive programming patterns for Angular applications. Use when implementing observables, operators, error handling, memory management, subscription cleanup, or advanced reactive patterns. Covers operators, multicasting, backpressure, and integration with Angular Signals.
7Spade
development
frontend
0
frontend-css
Write maintainable, performant CSS using modern methodologies including Tailwind CSS utility classes, CSS modules, CSS-in-JS, or design system tokens. Use this skill when styling components, creating layouts, implementing design systems, or working with CSS files (.css, .scss, .module.css), Tailwind configuration, styled-components, or CSS-in-JS solutions. Apply this skill when implementing utility-first patterns with Tailwind, using CSS custom properties for theming, creating responsive layouts with flexbox/grid, managing design tokens (colors, spacing, typography), or optimizing CSS for production with purging and tree-shaking. This skill ensures consistent styling methodology across the project, minimizes custom CSS when framework utilities exist, maintains design system coherence, and follows modern CSS best practices including container queries, CSS variables, and performance optimization.
overtimepog
development
frontend
0
moai-domain-frontend
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.
zellycloud
development
frontend
0
accessibility-rules
Concise accessibility checklist and practices for components in the repository. Use when implementing UI to ensure keyboard, screen reader, and focus semantics.
pixu1980
development
