display-design-studio/skills

1

vite Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, v…

display-design-studio/skills

37

2

tailwind >- Tailwind CSS v4 best-practices skill covering utility-first patterns, @theme variables, responsive design, dark mo…

display-design-studio/skills

36

3

nuxt-sanity @nuxtjs/sanity module integration best practices for Nuxt 3 and Nuxt 4 apps connected to Sanity CMS (there is no sepa…

display-design-studio/skills

26

4

vue Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, de…

display-design-studio/skills

25

5

nuxt Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server…

display-design-studio/skills

24

6

shopify-development Build Shopify apps, extensions, themes using GraphQL Admin API, Shopify CLI, Polaris UI, and Liquid. "shopify theme",…

display-design-studio/skills

23

7

nuxt-seo Full @nuxtjs/seo suite best practices for Nuxt 3 — covers @nuxtjs/sitemap, nuxt-og-image, nuxt-schema-org, nuxt-seo-u…

display-design-studio/skills

22

8

sanity-best-practices Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, St…

display-design-studio/skills

18

9

content-modeling-best-practices Structured content modeling guidance for schema design, content architecture, content reuse, references versus embedd…

display-design-studio/skills

17

10

seo-aeo-best-practices SEO and AEO best practices for metadata, Open Graph, sitemaps, robots.txt, hreflang, JSON-LD structured data, EEAT, a…

display-design-studio/skills

17

11

content-experimentation-best-practices Content experimentation and A/B testing guidance covering experiment design, hypotheses, metrics, sample size, statis…

display-design-studio/skills

16

12

caveman Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman while keeping full technical accu…

display-design-studio/skills

14

13

ruby-on-rails >- Comprehensive Ruby on Rails 8.1 best-practices skill covering MVC, Active Record, routing, views, background jobs,…

display-design-studio/skills

12

14

web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

display-design-studio/skills

12

15

gsap Comprehensive GSAP v3 best-practices skill covering fundamentals, plugins, and useful features/tools. Use when the us…

display-design-studio/skills

10

16

sanity-schema-accelerator Fast Sanity schema generation skill for low-token output. Generates ready-to-paste TypeScript schema files for object…

display-design-studio/skills

9

17

ponytail Forces the laziest solution that actually works, simplest, shortest, most minimal. Channels a senior dev who has seen…

display-design-studio/skills

5

18

fuck-slop De-slop pass for any text: detects and erases the statistical fingerprints of AI writing (negative parallelism / "not…

display-design-studio/skills

3

19

grill-me Calibrated grilling session for stress-testing a plan, design, idea, or decision. First assesses the user's topic kno…

display-design-studio/skills

3

20

gsap-core Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMe…

display-design-studio/skills

3

21

gsap-frameworks Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmoun…

display-design-studio/skills

3

22

gsap-performance Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when opti…

display-design-studio/skills

3

23

gsap-plugins Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observ…

display-design-studio/skills

3

24

gsap-react Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in Rea…

display-design-studio/skills

3

25

gsap-scrolltrigger Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers.

display-design-studio/skills

3

26

gsap-timeline Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing anima…

display-design-studio/skills

3

27

gsap-utils Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. Use …

display-design-studio/skills

3

28

junior-to-senior Adversarial senior-engineer review for agent-generated plans, designs, and architectures. Treats the current output a…

display-design-studio/skills

3

29

ruby >- Core Ruby language best-practices skill (Ruby 3.3/4.0) covering syntax and types, collections/Enumerable, blocks/p…

display-design-studio/skills

3

30

shopify-admin Write or explain **Admin GraphQL** queries and mutations for apps and integrations that extend the Shopify admin. Use…

display-design-studio/skills

1

31

shopify-app-store-review Run a pre-submission compliance check against your Shopify app's codebase. Reviews App Store requirements and surface…

display-design-studio/skills

1

32

shopify-custom-data MUST be used first when prompts mention Metafields or Metaobjects. Use Metafields and Metaobjects to model and store …

display-design-studio/skills

1

33

shopify-customer The Customer Account API allows customers to access their own data including orders, payment methods, and addresses.

display-design-studio/skills

1

34

shopify-dev Search Shopify developer documentation across all APIs. Use only when no API-specific skill applies.

display-design-studio/skills

1

35

shopify-functions Shopify Functions allow developers to customize the backend logic that powers parts of Shopify. Available APIs: Disco…

display-design-studio/skills

1

36

shopify-hydrogen Hydrogen storefront implementation cookbooks. Some of the available recipes are: B2B Commerce, Bundles, Combined List…

display-design-studio/skills

1

37

shopify-liquid Liquid is an open-source templating language created by Shopify. It is the backbone of Shopify themes and is used to …

display-design-studio/skills

1

38

shopify-onboarding-dev Get started building on Shopify. Use when a developer asks to build an app, build a theme, create a dev store, set up…

display-design-studio/skills

1

39

shopify-onboarding-merchant Set up and connect a Shopify store from your AI assistant. Use when the user wants to start selling online, open a fi…

display-design-studio/skills

1

40

shopify-partner The Partner API lets you programmatically access data about your Partner Dashboard, including your apps, themes, and …

display-design-studio/skills

1

41

shopify-payments-apps The Payments Apps API enables payment providers to integrate their payment solutions with Shopify's checkout.

display-design-studio/skills

1

42

shopify-polaris-admin-extensions Add custom actions and blocks from your app at contextually relevant spots throughout the Shopify Admin. Admin UI Ext…

display-design-studio/skills

1

43

shopify-polaris-app-home Build your app's primary user interface embedded in the Shopify admin. If the prompt just mentions `Polaris` and you …

display-design-studio/skills

1

44

shopify-polaris-checkout-extensions Build custom functionality that merchants can install at defined points in the checkout flow, including product infor…

display-design-studio/skills

1

45

shopify-polaris-customer-account-extensions Build custom functionality that merchants can install at defined points on the Order index, Order status, and Profile…

display-design-studio/skills

1

46

shopify-pos-ui Build retail point-of-sale applications using Shopify's POS UI components. These components provide a consistent and …

display-design-studio/skills

1

47

shopify-shopifyql Answer a merchant's **analytics and reporting** questions with **ShopifyQL** — Shopify's query language for aggregate…

display-design-studio/skills

1

48

shopify-storefront-graphql Use for custom storefronts requiring direct GraphQL queries/mutations for data fetching and cart operations.

display-design-studio/skills

1

49

shopify-use-shopify-cli Choose when the user needs **Shopify CLI** to run or fix something now: validate app or extension config on disk (`sh…

display-design-studio/skills

1

50

ucp Use when the user wants to use the UCP CLI to find, compare, buy, or track products from online merchants, or to set …

display-design-studio/skills

1