Scan to join WeChat grouppersonjakexiaoAPI 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
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
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
angular-forms
Build signal-based forms in Angular v21+ using the new Signal Forms API. Use for form creation with automatic two-way binding, schema-based validation, field state management, and dynamic forms. Trigg…
download13deployed_code—star539
personjakexiaoAPI key: unconfirmed
angular-http
Implement HTTP data fetching in Angular v20+ using resource(), httpResource(), and HttpClient. Use for API calls, data loading with signals, request/response handling, and interceptors. Triggers on da…
download13deployed_code—star539
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
angular-routing
Implement routing in Angular v20+ applications with lazy loading, functional guards, resolvers, and route parameters. Use for navigation setup, protected routes, route-based data loading, and nested r…
download13deployed_code—star539
personjakexiaoAPI key: unconfirmed
angular-signals
Implement signal-based reactive state management in Angular v20+. Use for creating reactive state with signal(), derived state with computed(), dependent state with linkedSignal(), and side effects wi…
download13deployed_code—star539
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
personjakexiaoAPI key: unconfirmed
angular-directives
Create custom directives in Angular v20+ for DOM manipulation and behavior extension. Use for attribute directives that modify element behavior/appearance, structural directives for portals/overlays, …
download13deployed_code—star539
personjakexiaoAPI key: unconfirmed
prototype
Create quick React prototypes that bundle to a single HTML file. Use for demos, interactive experiments, or shareable artifacts - NOT for full apps (use audreygen/Next.js for those).
download13deployed_code—star0