Explorar skills

Configure e otimize o Vite 7 para projetos React, abordando ferramentas de build, servidor de desenvolvimento, plugins, HMR, divisão de chunks, API de Ambiente e integração com Rolldown. Utilize para configurar o Vite, otimizar bundles, gerenciar plugins ou solucionar problemas do servidor de desenvolvimento.

Crie aplicações React 19 com TypeScript, abordando Actions, Activity, o hook use(), React Compiler, ref-as-prop, useEffectEvent e padrões TypeScript rigorosos. Ideal para criar componentes, gerenciar estado, tipar props, lidar com eventos e usar recursos do React 19.

Construa aplicativos React com segurança de tipo usando TanStack Query (busca de dados, cache, mutações), Router (roteamento baseado em arquivos, parâmetros de busca, loaders) e Start (SSR, funções de servidor, middleware).

Use when building React components, optimizing performance, analyzing bundle sizes, scaffolding projects, implementing accessibility, reviewing frontend code quality, performing visual overhauls, or designing UI/UX systems.

Converts design screenshots or text descriptions to HTML/CSS using GLM vision API (Z.ai). Trial version — HTML output, CREATE mode. Full version with React, Flutter, review/fix modes: brewcode plugin. Triggers: design to code, screenshot to html, mockup to code, d2c trial, convert design.

Generates frontend code from design screenshots, mockups, text descriptions, HTML files, or URLs using external GLM vision API. Modes: CREATE, REVIEW, FIX. Output: HTML, React, Flutter. Triggers: design to code, screenshot to code, mockup to code, d2c, generate frontend from image.

Define a direção visual e de interação para qualquer interface de usuário (web, React, TUI, CLI, desktop, Qt, tokens de design system) antes do código. Gera direções distintas, seleciona uma e então deriva a paleta, tipografia, espaçamento e orçamento de movimento.

Surface in-task-collaboration protocols when the user describes an AI workflow informally — URL-as-entity-reference, PR-comment threads as session memory. Trigger when the user names entities by colloquial label instead of stable URL, asks "how should I structure this for Claude", or describes a multi-step Claude workflow without a durable handle. Apply reactively, not as a checklist.

Event-driven investment strategy — identify and analyse corporate events (M&A, spinoffs, buybacks, index rebalancing, lockup expiry) that create pricing dislocations. Framework: event identification → sentiment scoring → historical price reaction → position sizing. Uses Longbridge news / filings / calendar data as signal inputs. Triggers: "事件驱动", "并购套利", "指数调整", "解禁套利", "事件策略", "公司事件策略", "事件投资", "

Behavioral finance application framework — identify cognitive biases in markets (overreaction, underreaction, disposition effect, anchoring, herding), translate them into quantifiable trading signals (momentum / reversal), and assess whether current market sentiment shows systematic bias. Triggers: "行为金融", "认知偏差", "过度反应", "反应不足", "处置效应", "锚定效应", "羊群效应", "市场情绪偏差", "行為金融", "認知偏差", "過度反應", "反應不足", "處

Master enterprise-grade TypeScript development with type-safe patterns, modern tooling, and framework integration. This skill provides comprehensive guidance for TypeScript 5.9+, covering type system fundamentals (generics, mapped types, conditional types, satisfies operator), enterprise patterns (error handling, validation with Zod), React integration for type-safe frontends, NestJS for scalable

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.