Scan to join WeChat grouppersonjakexiaoNo key required
material-component-dev
FlowGram Material Component Development Guide - for creating new material components in the form-materials package
download13deployed_code—star212
Skill Directory
AI Skill Directory
Browse curated skills with source links, package snapshots, README assets and install signals in one calm, searchable catalog.
personjakexiaoNo key required
c4-modeling
C4 architectural modeling for documenting software architecture. Use when creating architecture diagrams, planning new systems, communicating with stakeholders, or conducting architecture reviews.
download13deployed_code—star221
personjakexiaoNo key required
avalonia-zafiro-development
Mandatory skills, conventions, and behavioral rules for Avalonia UI development using the Zafiro toolkit.
download13deployed_code—star219
personjakexiaoNo key required
graphql-architect
Master modern GraphQL with federation, performance optimization,
download13deployed_code—star219
personjakexiaoNo key required
react-flow-architect
Expert ReactFlow architect for building interactive graph applications with hierarchical node-edge systems, performance optimization, and auto-layout integration. Use when Claude needs to create or op…
download13deployed_code—star219
personjakexiaoNo key required
shader-programming-glsl
Expert guide for writing efficient GLSL shaders (Vertex/Fragment) for web and game engines, covering syntax, uniforms, and common effects.
download13deployed_code—star219
personjakexiaoNo key required
zustand-store-ts
Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reactive …
download13deployed_code—star219
personjakexiaoNo key required
vue-options-api-best-practices
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
download13deployed_code—star219
personjakexiaoNo key required
designing-frontend
Build distinctive, production-grade frontend interfaces with memorable aesthetics. Use when creating web components, pages, or applications. Prioritizes creative, context-specific design over generic …
download13deployed_code—star212
personjakexiaoNo key required
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
personjakexiaoNo key required
django-pro
Master Django 5.x with async views, DRF, Celery, and Django
download13deployed_code—star219
personjakexiaoNo key required
react-flow-node-ts
Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-…
download13deployed_code—star219
personjakexiaoNo key required
react-state-management
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.
download13deployed_code—star219
personjakexiaoNo key required
tailwind-design-system
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI pa…
download13deployed_code—star219
personjakexiaoNo key required
react-useeffect
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better…
download13deployed_code—star219
personjakexiaoNo key required
woocommerce-copy-guidelines
Guidelines for UI text and copy in WooCommerce. Use when writing user-facing text, labels, buttons, or messages.
download13deployed_code—star219
personjakexiaoNo key required
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
personjakexiaoNo key required
avalonia-viewmodels-zafiro
Optimal ViewModel and Wizard creation patterns for Avalonia using Zafiro and ReactiveUI.
download13deployed_code—star219
personjakexiaoNo key required
frontend-security-coder
Expert in secure frontend coding practices specializing in XSS
download13deployed_code—star219
personjakexiaoNo key required
react-nextjs-development
React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.
download13deployed_code—star219
personjakexiaoNo key required
scroll-experience
Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product page…
download13deployed_code—star219
personjakexiaoNo key required
wordpress-theme-development
WordPress theme development workflow covering theme architecture, template hierarchy, custom post types, block editor support, and responsive design.
download13deployed_code—star219
personjakexiaoNo key required
next-cache-components
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
download13deployed_code—star219
personjakexiaoNo key required
design-system-lead
Expert design systems leadership covering component libraries, design tokens, documentation, and design-development collaboration. Use when architecting a design token system, building a component lib…
download13deployed_code—star42