This skill provides guidance for initializing and structuring Next.js projects with modern best practices. It covers project setup, component organization, API integration, and development patterns following the specified architecture.
Demonstrates how skills can bundle data files and configuration templates. Use when needing structured data, templates, configuration files, or static reference data.
Tailwind CSS utility-first CSS framework. Use for responsive design, dark mode, utility classes, and component styling.
Generate .NET Core data API code from model definitions using the Maker XML specification and CLI. Use when users need to: (1) Create Maker XML models from JSON objects, SQL scripts, or database schemas, (2) Generate .NET Core CRUD API endpoints from Maker XML, (3) Understand or validate Maker XML model definitions, or (4) Work with the Maker CLI tool for code generation.
Use when configuring media file handling, setting up storage adapters, defining entity-media relationships (one-to-one, one-to-many), uploading files, and working with polymorphic media relations. Covers media module configuration, storage backends, and the Media API.
Standardize admin operations workflow (Draft -> Review -> Scheduled publish -> Published) using DB states + admin API routes + scheduled visibility. Use when implementing admin-controlled publishing systems.
Ensure frontend components match database infrastructure, identify deprecated patterns, maintain data consistency.
Use this skill when developing Next.js 16+ applications - creating pages, components, layouts, API routes, implementing proxy.ts, adding caching with Cache Components, or refactoring frontend code. This includes working with App Router patterns, Server Components, Server Actions, React 19+ features, and Tailwind CSS v4.
Add shadcn/ui components via pnpm dlx, then normalize generated Tailwind color classes to Scaffa theme tokens
Add configuration management, admin interfaces, code quality tools, and documentation to Drupal custom modules. Use when moving from prototype to production-ready module.
Create PHP classes following Howdy framework conventions. Use when creating new classes or files in the plugin.
Build, integrate, and theme DaisyUI components on top of Tailwind CSS. Use when adding/configuring DaisyUI in a Tailwind project (install plugin, update tailwind.config.js, import styles), composing UI with DaisyUI component classes (buttons, cards, forms, modals, navbars, alerts), or customizing themes, tokens, and component variants.
WordPress security best practices and vulnerability prevention patterns. Use when reviewing WordPress code for security issues, writing secure WordPress code, or checking for common vulnerabilities like SQL injection, XSS, CSRF, and authentication issues.
Build complex Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui
This skill should be used when choosing between flags, settings, or files for data storage, implementing document flags, registering module settings, handling file uploads, or migrating data between storage types. Covers namespacing, scope types, and performance optimization.
WCAG 2.2 accessibility patterns for web components. Use when implementing focus management, keyboard navigation, screen reader support, reduced motion, high contrast mode, or touch targets. Integrates with project's accessibility.css tokens. (project)
Hugo静态网站和PaperMod主题管理工具。当用户需要操作Hugo网站、管理PaperMod主题配置、创建内容、运行开发服务器或部署网站时使用此skill。特别适用于使用Hugo和PaperMod主题的个人博客、学术网站或作品集网站。
Apply our official brand guidelines to all presentations and documents.
MDX 内容处理、渲染架构与 Git 同步规范。涵盖自定义组件扩展、双端渲染策略以及 Frontmatter 元数据标准。
Astro content collections setup, type-safe schemas, query patterns, and frontmatter validation. Use when building Astro sites, setting up content collections, creating collection schemas, querying content, validating frontmatter, or when user mentions Astro collections, content management, MDX content, type-safe content, or collection queries.
This skill should be used when the user asks "Chart.js plugins", "custom Chart.js plugin", "Chart.js plugin hooks", "beforeDraw plugin", "afterDraw plugin", "Chart.js plugin API", "register Chart.js plugin", "Chart.js plugin options", "Chart.js plugin lifecycle", "Chart.js plugin TypeScript", or needs help creating custom plugins for Chart.js v4.5.1.
