Explorar skills

React 组件设计模式、Hooks 使用指南、性能优化技巧

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) n

My personal Claude Code and OpenAI Codex setup with battle-tested skills, plugins, hooks and agents that I use daily.

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Best practices for Remotion - Video creation in React

Find leads by scraping engagers from a competitor's top LinkedIn posts. Given one or more company page URLs, scrapes recent posts, ranks by engagement, selects the top N, extracts all reactors and commenters, ICP-classifies, and exports CSV. Use when someone wants to "find leads engaging with competitor content" or "scrape people who interact with [company]'s LinkedIn posts".

Search LinkedIn posts by keywords, sorted by engagement or date. Use when researching what people are saying about a topic on LinkedIn, finding high-engagement content, identifying thought leaders, or discovering warm leads through post engagement. Returns author, post text, reactions, comments, shares, post URL, and date. No LinkedIn cookies or login required.

Create a custom web dashboard (React + Vite + Express) inside your sandbox to visualize the agent's Turso database. The dashboard is served on port 3847 and the user sees it live in the "App" tab in Gooseworks. Use when the user asks for a dashboard, visualization, chart, metric view, or any custom UI powered by their agent's data.

Find ICP-fit leads from KOL audiences on LinkedIn. Given a list of KOLs, scrapes their most relevant high-engagement post from the last 30 days, extracts engagers (reactors + commenters), pre-filters by position, enriches top profiles, and ICP-classifies. Cost-controlled: 1 post per KOL. Use when someone wants to "find leads from KOL audiences" or "scrape engagers from influencer posts" or after r

Esta skill oferece uma metodologia para replicação e clonagem de sites, abrangendo sites estáticos, de conteúdo (React-Vue-Next) e de frontend pesado (WebGL-Canvas). Ela fornece uma árvore de decisão portátil para engenharia reversa, desde a obtenção do código-fonte até a substituição de conteúdo, e enfatiza a verificação de código executável de análises de IA.

Padrões de componentes React para painéis de portfólio GDEX, incluindo saldos de tokens, histórico de transações, seletores de cadeia e consulta de dados em tempo real.

Esta skill auxilia nas decisões de levantamento e posicionamento de estado no React. Ela aborda diversas técnicas de gerenciamento de estado, desde o compartilhamento entre componentes irmãos e a redução de Prop Drilling até o uso de Context e Compound Components.