figma-make-guidelines
Generate or update the Figma Make guidelines file with complete Tailwind configuration from the design system foundations. Triggers on "/figma-make-guidelines", "update guidelines", or "generate Figma Make config".
Generate or update the Figma Make guidelines file with complete Tailwind configuration from the design system foundations. Triggers on "/figma-make-guidelines", "update guidelines", or "generate Figma Make config".
Templates for brainstorm artifacts and manifest.json. Load when using /spec.
Next.js 16 portfolio with MDX blog/projects, Once UI, auto SEO, and endless theming.
Aurora YAML schema analysis and editing. Validates field names, descriptions, types, and module semantics following DDD best practices. Trigger: When analyzing or editing *.aurora.yaml files, improving field naming, adding descriptions, or validating schema semantics.
Generate Tailwind CSS configuration files with custom themes, plugins, and content paths. Triggers on "create tailwind config", "generate tailwind configuration", "tailwind setup", "tailwindcss config".
Generate detailed style specification from SDS style entity and plan. Enforces blueprint tempo ranges, resolves tag conflicts using conflict matrix, and maximizes information density with minimal tags. Use when creating genre-specific musical identity including tempo, key, mood, instrumentation, and vocal profile.
WhisperPad 依存ライブラリの調査知見。HotKey, WhisperKit, TCA の挙動、エラーハンドリング、ベストプラクティス。Keywords: HotKey, WhisperKit, TCA, Carbon, CoreML, dependency.
Laws of physics for Andara Ionic CMS - read this before any task
Supabase Edge Function 작성 가이드. Edge Function 생성, 수정, 또는 Supabase Functions 관련 질문 시 사용.
Routes development tasks to frontend, backend, or fullstack skills. Triggers on build, implement, code, create, feature, component, UI, API, server, database, docker, deploy.
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.
This skill should be used when writing Ruby and Rails code in DHH's distinctive 37signals style. It applies when writing Ruby code, Rails applications, creating models, controllers, or any Ruby file. Triggers on Ruby/Rails code generation, refactoring requests, code review, or when the user mentions DHH, 37signals, Basecamp, HEY, or Campfire style. Embodies REST purity, fat models, thin controllers, Current attributes, Hotwire patterns, and the "clarity over cleverness" philosophy.
Review Zod schemas for correctness, performance, and v4 best practices
Use this skill when the user is writing CSS for Divi 5, creating styles for WordPress/Divi, working with Divi modules, or mentions Divi theme development. Provides CSS patterns, class naming conventions, selector specificity guidance, and Divi-specific best practices.
Generate progressive navigation structure for RSPress documentation. Use when setting up or reorganizing module documentation navigation.
Deploy Docusaurus static site to GitHub Pages for automated CI/CD pipeline. Bundled resources: GitHub Actions workflow, docusaurus.config.js deployment block, homepage redirect, i18n scaffolding. Use when setting up new Docusaurus project, adding CI/CD, or migrating to automated deployment.
Required component interfaces and props for theme implementations. Every theme must implement these exact contracts.
WRLD Inc design system for building UI components with Tailwind CSS and ShadCN. Use when creating React components, designing interfaces, generating CSS, or implementing the WRLD brand design system. Includes color tokens, typography, component patterns, and visual guidelines.
Apply when creating React frontend UI: pages, dashboards, forms, components, layouts, landing pages, modals. Enforces neobrutalist design — hard shadows, 2px borders, warm cream/yellow palette, no dark mode. Tech: React, Tailwind, shadcn (customized).
Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined/filled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build performance and caching strategies, adding icon libraries, managing shared dependencies, or working with TypeScript full-stack projects.
Expert knowledge for @nuxt/content module in Nuxt 4. Activate when working with content directory, markdown files, frontmatter, or ContentRenderer.