frontend
0
model-building
Building MobX models with proper architecture, BaseModel patterns, Store usage, and validation
griffnb
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
ui-components
Patterns and conventions for creating agnostic UI components in GeroCare. Trigger: When creating new UI components, reusable components, or building the component library.
DevXoje
development
frontend
0
tailwind-advanced-patterns
Advanced Tailwind CSS patterns including custom themes, responsive design, dark mode, animations, and component variants. Use for complex styling or design system implementation.
ak-eyther
development
frontend
0
tailwindcss
Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development. Use when styling applications with responsive design, dark mode, custom themes, or building design systems with Tailwind's utility classes.
levanminhduc
development
frontend
0
templ-components
Create reusable templ UI components with props, children, and composition patterns. Use when building UI components, creating component libraries, mentions 'button component', 'card component', or 'reusable templ components'.
ev3rlit
development
frontend
0
cermontfrontendtailwind-css-v4-mastery
Expert guidance for leveraging Tailwind CSS V4's new Oxide engine, CSS-first configuration, and modern styling paradigms. Transforms agent into Tailwind V4 architecture specialist, capable of designing component systems, optimizing performance, and executing complex styling challenges with precision.
JuanDiego30
development
frontend
0
pythonista-nicegui
NiceGUI development best practices for Python web UIs. Use when building UI components, fixing layout issues, or working with NiceGUI/Quasar/Tailwind. Triggers on "nicegui", "quasar", "tailwind", "ui.row", "ui.column", "ui.card", "ui.dialog", "gap", "spacing", "layout", "modal", "component", "styling", "flexbox", "chart", or when creating/editing UI code.
gigaverse-app
development
frontend
0
styling-with-tailwind
Provides utility-first CSS styling patterns using Tailwind CSS 3.x. Use when styling components with utility classes, configuring tailwind.config.js, implementing responsive designs, or creating dark mode themes.
FortiumPartners
development
frontend
0
theme-system
CSS custom properties theme architecture for 4 themes (studio, earth, athlete, gradient) with data-theme attribute switching and theme-aware components. Use when implementing theme switching, defining color schemes, or creating theme-responsive UI elements.
canatufkansu
development
frontend
0
lwc-enterprise-patterns
This skill should be used when the user asks to "create lwc component", "lightning web component", "component architecture", "lwc state management", "lwc testing", "jest test", or mentions container/presentational patterns, pub-sub, or LWC best practices.
dangt85
development
frontend
0
tailwind-v4
Tailwind CSS v4 styling for this project. Use when writing or modifying component styles, CSS classes, or theme configuration. Provides the project's semantic color system and v4-specific patterns.
colelawrence
development
frontend
0
ux-spacing-layout
Utopia fluid spacing tokens and layout patterns. Use when applying margins, padding, gaps, or creating layouts. Covers space scale, container widths, and responsive spacing. (project)
matthewharwood
development
frontend
0
tailwindcss-v4-styling
Style with TailwindCSS v4 using @theme directive for theming, responsive design, and dark mode. Use when defining custom colors/fonts, implementing responsive layouts, or adding utility classes.
nekorush14
development
frontend
0
frontend-design
Use this skill when working with CSS, SCSS, design system, responsive layouts, or styling. Covers Tailwind CSS utilities, Bootstrap 5 components, SCSS architecture, fonts, and responsive breakpoints.
michalstaniecko
development
frontend
0
tailwindcss
Utility-first CSS styling with Tailwind CSS v4. Use when styling components, configuring themes, responsive design, or building design systems. Triggers on Tailwind, CSS, styling, theming, or responsive design questions.
FractionEstate
development
frontend
0
frontend-css
Write Tailwind CSS utility classes and component styles following scoped CSS patterns, design tokens, responsive breakpoints, and dark mode support. Use this skill when styling components, creating layouts, implementing design systems, or writing CSS/Tailwind classes. When working on Astro component style blocks, Tailwind configuration files, global CSS files, CSS custom properties and design tokens, component scoped styles, responsive breakpoints and media queries, dark mode theming, CSS Grid and Flexbox layouts, animation and transition styles, or Tailwind @apply directives and utility composition.
SpacePlushy
development
frontend
0
tailwind-advanced-patterns
Advanced Tailwind CSS patterns including custom themes, responsive design, dark mode, animations, and component variants. Use for complex styling or design system implementation.
ak-eyther
development
frontend
0
shadcn-ui-designer
Designs modern, clean UI components and pages following Shadcn principles with minimalism, accessibility, and beautiful defaults. Use when building new UI components, redesigning pages, or creating consistent UI or simply wanting to use shadcn.
thieenjdev03
development
frontend
0
ui-component
Generate consistent Tailwind UI components following project design system. Use when user wants to create buttons, cards, forms, modals, badges, or says "create component", "add UI element", "make button/card/form", "design component".
GangWooLee
development
frontend
0
tailwind-styling
Tailwind CSS styling patterns, dark theme implementation, and theme management for this project. Use when styling components, implementing UI changes, or working with the design system.
jonit-dev
development
frontend
0
tailwind-best-practices
Tailwind CSS patterns and conventions. Use when writing responsive designs, implementing dark mode, creating reusable component styles, or configuring Tailwind. Triggers on tasks involving Tailwind classes, responsive design, dark mode, or CSS styling.
AsyrafHussin
development
frontend
0
zero-one-theme-patterns
UIkit patterns and Zero One theme customization for Kirby CMS. Use when styling components with UIkit, customizing the Zero One theme, or building responsive layouts.
astoeffer
development
frontend
0
material-design-3
Material Design 3 (Material You) design system knowledge for modern web and Angular applications. Use when implementing Material Design 3 theming, components, typography, color systems, dynamic color, accessibility patterns, or migrating from Material Design 2. Covers design tokens, theming APIs, and Material You principles.
7Spade
development