Skill Directory

AI Skill Directory

Browse curated skills with source links, package snapshots, README assets and install signals in one calm, searchable catalog.

personjakexiaoAPI key: unconfirmed

delon-chart

@delon/chart skill - G2Plot enterprise charting components with @delon/chart. For ng-events construction site progress tracking system.

download13deployed_code—star220
personjakexiaoAPI key: unconfirmed

ng-alain-component-development

Create components using ng-alain (@delon/abc) and ng-zorro-antd UI libraries. Use this skill when building enterprise UI features with ST (Simple Table), SF (Schema Form), ACL (Access Control), PageHe…

download13deployed_code—star220
personjakexiaoAPI key: unconfirmed

nextjs-optimization

Optimize Next.js 15 applications for performance, Core Web Vitals, and production best practices using App Router patterns

download13deployed_code—star221
personjakexiaoAPI key: unconfirmed

frontend-responsive

Implement mobile-first responsive designs with fluid layouts, breakpoints, relative units, and touch-friendly interfaces that work across all device sizes. Use this skill when writing or modifying Rea…

download13deployed_code—star221
personjakexiaoAPI key: unconfirmed

frontend-ui-dark-ts

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards, admin panels, or data-rich interfaces wi…

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

c4-architecture

Generate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diagrams, document system architecture, visualize software structure, create C4 diagrams, or …

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

next-upgrade

Upgrade Next.js to the latest version following official migration guides and codemods

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

create-adaptable-composable

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside…

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

delon-auth-authentication-authorization

Implement authentication and authorization using @delon/auth. Use this skill when adding login/logout flows, JWT token management, role-based access control (RBAC), route guards, HTTP interceptors, an…

download13deployed_code—star220
personjakexiaoAPI key: unconfirmed

delon-form-dynamic-schema-forms

Create dynamic schema-based forms using @delon/form (SF component). Use this skill when building complex forms with validation, conditional rendering, async data loading, custom widgets, and multi-ste…

download13deployed_code—star220
personjakexiaoAPI key: unconfirmed

material-component-dev

FlowGram Material Component Development Guide - for creating new material components in the form-materials package

download13deployed_code—star212
personjakexiaoAPI key: unconfirmed

react-email

Use when creating HTML email templates with React components - welcome emails, password resets, notifications, order confirmations, newsletters, or transactional emails.

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

react-patterns

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

marp-slide

Create professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful, dark, gradient, tech, business). Use when users request slide creation, presentations, or Marp documen…

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

next-best-practices

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

website-maintainer

Use this skill when working on the Repomix documentation website in `website/` directory, including VitePress configuration, multi-language content, or translation workflows.

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

screenfull-fullscreen-api

Implement fullscreen functionality using screenfull library for cross-browser fullscreen support in ng-events project

download13deployed_code—star220
personjakexiaoAPI key: unconfirmed

uiux-ops

A skill that summarizes the operational procedures and checklists for advancing UI/UX design and improvement.

download13deployed_code—star220
personjakexiaoAPI key: unconfirmed

threejs-builder

Creates simple Three.js web apps with scene setup, lighting, geometries, materials, animations, and responsive rendering. Use for: "Create a threejs scene/app/showcase" or when user wants 3D web conte…

download13deployed_code—star221
personjakexiaoAPI key: unconfirmed

algolia-search

Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning Use when: adding search to, algolia, instantsearch, search api, search functionality.

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

wiki-vitepress

Packages generated wiki Markdown into a VitePress static site with dark theme, dark-mode Mermaid diagrams with click-to-zoom, and production build output. Use when the user wants to create a browsable…

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

responsive-design

Create responsive web designs that work across all devices and screen sizes. Use when building mobile-first layouts, implementing breakpoints, or optimizing for different viewports. Handles CSS Grid, …

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

vue-development-guides

A collection of best practices and tips for developing applications using Vue.js. This skill MUST be apply when developing, refactoring or reviewing Vue.js or Nuxt projects.

download13deployed_code—star219
personjakexiaoAPI key: unconfirmed

angular-di

Implement dependency injection in Angular v20+ using inject(), injection tokens, and provider configuration. Use for service architecture, providing dependencies at different levels, creating injectab…

download13deployed_code—star539