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
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
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
frontend
0
fintech-banking
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
dylantarre
development
frontend
0
component-architecture
Reusable component patterns for cards, sections, forms, and layouts with consistent prop interfaces and composition strategies. Use when creating new components, refactoring existing ones, or establishing component design patterns.
canatufkansu
development
frontend
0
tsh-component
UI component patterns for TSH Clients Console (Next.js, shadcn/ui, RTL). Use when: (1) Creating new React components (2) Building pages with proper structure (3) Implementing loading skeletons (4) Adding responsive design (5) Supporting dark mode and RTL (6) Using shadcn/ui components correctly
Qmop1967
development
frontend
0
vue-router
Use when working with Vue Router - routing setup, navigation guards, route params, lazy loading, meta fields, and navigation patterns in Vue 3 applications
Sebastiaaann
development
frontend
0
using-container-queries
Use container queries for component-based responsive design with @container syntax and named containers. Use when building portable, reusable components that adapt to parent size instead of viewport.
djankies
development
frontend
0
entrance-animations
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
dylantarre
development
frontend
0
angular-material-v20
Angular Material v20 UI component library for Angular 20+ applications. Use when implementing Material Design components, theming, forms, tables, dialogs, navigation, or building Material-based UI. Covers component APIs, accessibility, and best practices for Material 20.
7Spade
development
frontend
0
generate-props-documentation
全コンポーネントのProps定義（型、デフォルト値、説明）を自動的に解析し、統一されたマークダウンドキュメントを生成します。
ntaksh42
development
frontend
0
tailwind-v4
Tailwind CSS v4 patterns and new features including CSS-first configuration, @theme directive, container queries, and modern utilities. Use when styling with Tailwind CSS v4+ or migrating from v3.
Naw3
development
frontend
0
frontend-css
Write and maintain CSS following a consistent methodology (Tailwind, BEM, utility classes, CSS modules), avoiding framework style overrides, maintaining design tokens for consistency, minimizing custom CSS, and optimizing for production with CSS purging and tree-shaking. Use this skill when writing CSS styles, working with CSS frameworks like Tailwind CSS, creating design systems with design tokens, implementing utility classes, managing CSS architecture, optimizing CSS performance, or working with CSS preprocessors. This skill applies when working on .css files, .scss files, .vue component styles, styled-components, or any styling code in your frontend application.
FlorianRiquelme
development
frontend
0
new-component
Generate a new React component with TypeScript, props interface, and Tailwind styling
alexanderjamesmcleod
development
frontend
0
collect-ui-error-solution
作为 Collect-UI 框架的专家，通过结合分析 src/components/ 封装源码和底层开源组件（如 Ant Design）的官方 API 文档，提供最全面、精准的配置诊断与修复方案。
collect-ui
development
frontend
0
base-ui-docs
Base UI (@base-ui/react) の公式ドキュメント参照とAPI確認を行うためのスキル。Base UIのコンポーネント/ハンドブック/概要に関する質問が来たら使う。
yumehiko
development