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.
Automates creation of MobX State Tree stores following Purrsuit Mobile App patterns for domain models, collections, and root store integration. Use when creating new MST stores, models, or extending existing store functionality with proper TypeScript typing, actions, views, and integration patterns.
Create feature-rich PHP enums following Laravel conventions with SCREAMING_SNAKE_CASE case names, backed enum values (string or int), helper methods for labels and comparisons, validation rules, and comprehensive Pest tests. Use this skill when converting hardcoded strings or magic numbers to type-safe enums, creating categorical data types like statuses, types, roles or categories, adding enum-based validation to forms or APIs, refactoring magic strings into structured types, or defining a fixed set of allowed values in your application. This skill applies when working on files in app/Enums/ directory, creating enum classes, adding enum casts to models, or implementing enum validation rules.
Create specia display components for messages in discord.js that allows more powerful styling
Mobile app development with React Native and Expo using production-ready patterns. Use when (1) user is building a mobile app, (2) user asks about mobile architecture or best practices, (3) user needs help with React Native components, navigation, state management, or data fetching, (4) user mentions "mobile", "React Native", "Expo", "RN", "iOS app", or "Android app", (5) user wants to create a new React Native app.
Automatically check specific elements or code for accessibility issues when user asks if something is accessible or mentions WCAG compliance. Performs focused accessibility checks on individual components, forms, or pages. Invoke when user asks "is this accessible?", "WCAG compliant?", or shows code/elements asking about accessibility.
Configure widgets.yaml for Homepage dashboard - information widgets (resources, search, datetime, weather) and service widget types
Guide for developing EDS blocks using vanilla JavaScript, Content Driven Development, and block decoration patterns. Covers block structure, decorate function, content extraction, DOM manipulation, and EDS best practices for Adobe Edge Delivery Services.
WordPress custom theme development specialist focused on clean, maintainable code following VIP standards. Includes modular theme structure, dart-sass via Homebrew, proper script/style enqueueing, template parts organization, text domain management, and comprehensive security practices (escaping, sanitization, file paths).
Add new feature workflow. Use when implementing new functionality, adding new API endpoints, or creating new components.
Configure plugin settings using .local.md files with YAML frontmatter for Claude Code plugins. WHEN: MUST use for plugin settings/configuration. Invoke with "/claude-plugin-settings" or "create plugin settings", "configure plugin". WHEN NOT: Creating plugin structure (use claude-plugin-structure), creating agents/commands/hooks.
Wiederverwendbare HTML-Komponenten für CONSYS-Formulare. Buttons, Inputs, Tabellen, Tabs, Dialoge - alle Access-kompatibel und konsistent gestylt.
Understand how questions are loaded, validated, presented in Ink, and written back out as markdown.
プラグイン要素の定義ルール（命名規則、必須項目、記述フォーマット）を定義する。プラグイン要素作成時、エージェント・スキル・コマンド定義時、またはユーザーが命名規則、フロントマター、必須項目、記述フォーマットに言及した際に使用する。
React/Next.js data patterns - React Query hooks, ORPC client integration, error handling, cache invalidation. Complements frontend-design skill (visuals).
Next.js Metadata API for SEO, OpenGraph tags, structured data, and social sharing. Use when implementing metadata, SEO, or social media previews.
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'.
Manage CSS/JS building with npm/wp-scripts. Use when working on login page styles or scripts.
Use when user wants to review, edit, expand, or publish draft blog posts
