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

shadcn-ui

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

download14deployed_code—star5
personjakexiaoAPI key: unconfirmed

epic-routing

Guide on routing with React Router and react-router-auto-routes for Epic Stack

download14deployed_code—star5.5K
personjakexiaoAPI key: unconfirmed

excalidraw-diagrams

Create diagrams and visual artifacts using Excalidraw with real-time canvas preview. Use when the user asks to create, draw, or visualize diagrams, flowcharts, architecture diagrams, system designs, o…

download14deployed_code—star1
personjakexiaoAPI key: unconfirmed

nuqs

Type-safe URL query state management with nuqs 2.x. Use when writing or reviewing code that uses useQueryState, useQueryStates, URL search params, query parameters, nuqs parsers, createLoader, createS…

download14deployed_code—star3
personjakexiaoAPI key: unconfirmed

nextjs-zustand

Zustand v5 state management for Next.js 16 App Router. Use when implementing global state, stores, persist, hydration, or client-side state in Client Components.

download14deployed_code—star3
personjakexiaoAPI key: unconfirmed

build-giselle-agent

Build AI-agent-powered Next.js apps with Giselle Agent SDK. Use when developers want to (1) add an AI agent to a Next.js app, (2) create a browser-tool-powered agent that interacts with the page, (3) …

download14deployed_code—star0
personjakexiaoAPI key: unconfirmed

accelint-design-foundation

Use when styling components or elements with @accelint/design-foundation or @accelint/design-toolkit packages, or when users say "style this", "add styling", "theme this component", "add colors", "add…

download14deployed_code—star0
personjakexiaoAPI key: unconfirmed

mermaid-diagram-creator

Use the latest Mermaid syntax for architecture diagrams and system visualization. Use when creating diagrams, flowcharts, sequence diagrams, architecture charts, or data flow visualizations with Merma…

download14deployed_code—star0
personjakexiaoAPI key: unconfirmed

dart-3-updates

Applies Dart 3 language features in Flutter/Dart code. Use when writing if-else or switch statements, creating new classes, or deciding between a data class and a record.

download14deployed_code—star490
personjakexiaoAPI key: unconfirmed

tanstack-ai

Build AI-powered chat applications with TanStack AI and React. Use when working with @tanstack/ai, @tanstack/ai-react, @tanstack/ai-client, or any TanStack AI packages. Covers useChat hook, streaming,…

download14deployed_code—star3
personjakexiaoAPI key: unconfirmed

gdex-ui-install-setup

React and Next.js project setup for GDEX — SDK initialization, context providers, environment variables, and TypeScript configuration

download14deployed_code—star3
personjakexiaoAPI key: unconfirmed

accelint-persona-review

Evaluate Figma designs from operator persona perspectives through design critique and user experience evaluation. Use when reviewing UX for specific user roles (e.g., air-surveillance-tech, weapons-di…

download14deployed_code—star0
personjakexiaoAPI key: unconfirmed

add-session-recording

Add privacy-aware session recording and replay to React applications using Temps SDK. Captures user interactions for playback while respecting privacy through input masking, element blocking, and GDPR…

download14deployed_code—star0
personjakexiaoAPI key: unconfirmed

webconsulting-create-documentation

Create product documentation with help pages, AI-generated screenshots, Remotion product videos with TTS narration and background music, and GitHub README visual documentation. Use when asked to creat…

download14deployed_code—star15
personjakexiaoAPI key: unconfirmed

remotion-video-toolkit

Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media …

download14deployed_code—star0
personjakexiaoAPI key: unconfirmed

brainstorm-to-brief

Wide→Narrow design workflow taking UI/UX concepts from exploration to polished design brief. Four phases - Context, Explore, Iterate, Refine. Use for visual design exploration, user story mockups, and…

download14deployed_code—star1
personjakexiaoAPI key: unconfirmed

denji

Manage SVG icons as framework components using Denji CLI. Use when the user needs to add, remove, list, or manage SVG icons in React, Preact, Solid, Qwik, Vue, or Svelte projects. Triggers include req…

download14deployed_code—star3
personjakexiaoAPI key: unconfirmed

tanstack-react-store

Implement global state management in React apps using TanStack Store (@tanstack/react-store). Use when creating stores, derived state, subscriptions, batched updates, or integrating TanStack Store wit…

download14deployed_code—star3
personjakexiaoAPI key: unconfirmed

gdex-ui-wallet-connection

React patterns for GDEX wallet connection — connect buttons, account displays, chain switching, and API key vs wallet auth UI flows

download14deployed_code—star3
personjakexiaoAPI key: unconfirmed

accelint-react-best-practices

React performance optimization and best practices. Use when writing React components, hooks, or JSX; refactoring React code; optimizing re-renders, memoization, or state management; reviewing React co…

download14deployed_code—star0
personjakexiaoAPI key: unconfirmed

bio-data-visualization-multipanel-figures

Combine multiple plots into publication-ready multi-panel figures using patchwork, cowplot, or matplotlib GridSpec with shared legends and panel labels. Use when combining multiple plots into publicat…

download14deployed_code—star0