Loading...
Loading...
Found 824 Skills
Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns. Use when creating or editing .liquid files for Shopify themes, working with schema, doc, stylesheet, javascript tags, or Shopify Liquid objects/filters/tags.
Uniwind (Tailwind CSS v4 for React Native) best practices, setup, theming, styling, and HeroUI Native integration. Use when writing, reviewing, or fixing Uniwind code. Triggers on: uniwind, className on RN components, global.css with @import 'uniwind', withUniwindConfig, metro.config.js setup, dark:/light: theming, platform selectors (ios:/android:/native:/web:), data selectors, responsive breakpoints, CSS variables, useUniwind, withUniwind, useResolveClassNames, useCSSVariable, tailwind-variants, HeroUI Native with Uniwind, Uniwind Pro (animations, shadow tree, transitions), NativeWind migration. Also triggers on setup troubleshooting: "check my config", "styles not working", "className not applying", "audit Uniwind setup".
Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui. Use when defining design tokens, setting up theming with CSS variables, building a consistent UI component library, initializing a design system configuration, or wrapping shadcn/ui components into design system primitives.
Create professional CSS animations, transitions, micro-interactions, and complex motion design. Use when adding animations, hover effects, loading states, page transitions, scroll animations, or any motion design work.
Complete reference for Tailwind CSS utility classes
Apply Baufest brand identity — colors, typography, and voice — to any deliverable. Use this skill when styling documents, decks, emails, or any content that should look and sound like Baufest. Triggers for: brand colors, brand guidelines, Baufest styling, corporate identity, deck formatting, look-and-feel, brand voice, visual identity, branded output, magenta and green palette. Also use when generating CSS, design tokens, or theme configuration for Baufest-branded applications. Do NOT use for logo file requests (those require asset management) or for non-Baufest client branding.
Apply when deciding, designing, or implementing FastStore theme customizations in src/themes/ or working with design tokens and SCSS variables. Covers global tokens, local component tokens, Sass variables, CSS custom properties, and Brandless architecture. Use for any visual customization of FastStore storefronts that does not require component overrides.
Create a complete, actionable design system for any project (website, app, product) grounded in physical/sensory anchoring rather than design trends. Delivers CSS tokens, typography scale, component patterns, accessibility checklist, and absolute rules as a single developer-ready markdown document. Use this skill whenever the user asks to create a design system, theme, color palette, visual identity, CSS tokens, theme variables, or propose an art direction. Also triggers on "style guide", "site colors", "choose fonts", "look and feel", "visual branding", "charte graphique", "identite visuelle", "direction artistique", "refonte visuelle", or any new project where design isn't yet defined — propose this skill proactively.
MUST activate before editing ANY file under uiBundles/*/src/ for visual or UI changes to an EXISTING app — pages, components, sections, layout, styling, colors, fonts, navigation, animations, or any look-and-feel change. Use this skill when modifying pages, components, layout, styling, or navigation in an existing UI bundle app. Activate when the project contains appLayout.tsx, routes.tsx, src/pages/, src/components/, or global.css. This skill contains critical project-specific conventions (appLayout.tsx shell, shadcn/ui components, Tailwind CSS, Salesforce base-path routing, module restrictions) that override general knowledge. Without this skill, generated code will use wrong imports, break routing, or ignore project structure. Do NOT use when creating a new app from scratch (use building-ui-bundle-app instead).
Manages Starwind UI components and Astro projects - initializing, adding, searching, fixing, debugging, styling, theming, and composing UI. Provides project context, component docs, CLI guidance, and Starwind-specific composition rules. Applies when working with Starwind UI, Starwind components, Astro + Tailwind CSS v4 UI, starwind.config.json, theme tokens, dark mode, shadcn-style theme migration, or component requests such as Combobox mapping to Select.
CSS architecture and styling expert with deep knowledge of modern CSS features, responsive design, CSS-in-JS optimization, performance, accessibility, and design systems. Use PROACTIVELY for CSS layout issues, styling architecture, responsive design problems, CSS-in-JS performance, theme implementation, cross-browser compatibility, and design system development. If a specialized expert is better fit, I will recommend switching and stop.
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.