Design e Frontend

Patterns for animating financial numbers with spring physics, formatting, and visual feedback. Covers animated counters, price tickers, percentage changes, and value flash effects. Use when building financial dashboards or trading UIs. Triggers on animated number, price animation, financial display, number formatting, spring animation, value ticker.

Esta skill aplica princípios e frameworks de design de interação (IxD) ao design de produtos e serviços, abrangendo aspectos como fluxos de interação, feedback e padrões de navegação. É essencial para designers de produto e UX.

Recommends where to place visual elements — images, pull quotes, infographics, and sidebars — within a specific article, based on the article's structure, pacing, and editorial logic.

Converte HTML+CSS em JSON do Elementor para importação no WordPress. Use esta skill sempre que o usuário tiver HTML/CSS e desejar transformá-lo em uma página do Elementor.

A curated collection of 115 skills, 16 agents, and 48 commands for Claude Code and Cursor.

Reformats a manuscript, article, or long-form text to match a specific publication's structural and style requirements — adjusting headings, paragraph spacing, citation format, pull-quote placement, and front matter without altering the content itself.

Patterns for building design system components using Surface primitives, CVA variants, and consistent styling. Use when building reusable UI components that follow design token architecture. Triggers on Surface component, CVA, class-variance-authority, component variants, design tokens.

Esta skill realiza o UV unwrap, mapeamento de atlas, projeção de texturas, uso de decalques alfa e bake de mapas/lightmaps para preparar assets do Blender baseados em textura para exportação glTF/GLB. É utilizada quando usuários fornecem pacotes de textura, atlas, decalques, layouts UV, lightmaps, ou reportam texturas esticadas/desalinhadas, visando um ajuste 1:1.

Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.

Learns a user's personal writing and speaking style through interactive writing prompts, then generates a reusable voice profile. Use when the user says "learn my writing style," "write like me," "capture my voice," "voice calibration," "mimic my tone," "my writing style," or wants AI to match their personal communication style. Also activates when a .voice-profile.md file exists and the user asks

You MUST use this skill before /pm when work is ambiguous, scope is unclear, or multiple approaches exist. Explores problem space, proposes 2-3 approaches with trade-offs, and produces an approved spec document that feeds into both issue creation (/pm) and implementation planning (/cdt). Triggers: brainstorm, explore idea, think through, design approach, what should we build, explore options, weig

Review custom components and layouts against shadcn design patterns, visual style conventions (Vega, Nova, Maia, Lyra, Mira), composition rules, design token usage, and Radix/Base UI composition patterns. Use PROACTIVELY after writing or modifying any custom UI component, page layout, or variant of a shadcn component. Use when the user says "review this component", "check my spacing", "does this f