Навыки: Дизайн

Master guide for professional UI/UX design using Penpot. Covers screen building, component systems, token management, an...

Use when working with Penpot through MCP, including remote or local Penpot MCP setup, reading or modifying active Penpot...

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating...

Manage design work in Penpot — create projects, organize pages, build components, export assets, review designs visually...

Performance quick reference — Core Web Vitals, bundle size, rendering, DB queries, caching. Use during implementation or...

Build, audit, and refactor premium Persian/English responsive websites and interactive 3D experiences with Anime.js v4,...

Optimize UI performance against Core Web Vitals — LCP, INP, CLS — with loading/code-split strategy, layout-shift prevent...

Diagnosticá problemas de performance frontend con evidencia antes de proponer cambios. Usá esta skill solo cuando el usu...

Build ServiceNow Performance Analytics — pa_indicators (count/sum/avg/percentage), pa_breakdowns, pa_thresholds with sev...

CSS performance analysis covering bundle size, selector complexity, render-blocking resources, critical CSS, and optimiz...

Profile and optimize ProAnimate's canvas frame rates, export times, memory usage, and store subscription overhead. Use w...

Set performance budgets before implementation.

Allocate latency budgets and performance targets across system components

Bundle budgets, Lighthouse thresholds, Core Web Vitals, code splitting, image optimization, animation frame budgets, and...

Measure-first performance work. Use on triggers like "it's slow", "profile this", "optimize perf", "fix the bottleneck",...

Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements ex...

Frontend and mobile performance optimization expertise from Meta. Techniques for 60fps animations, Core Web Vitals, app...

Optimizes application performance. Use when performance requirements exist, when you suspect performance regressions, or...

Identify, analyze, and improve slow application behavior without breaking correctness. Use when Codex needs to investiga...

Optimizes application performance. Use when performance requirements exist, when you suspect performance regressions, or...

Use when user asks about N+1 queries, performance optimization, query optimization, reduce API calls, improve render per...

Highest level of research and reasoning capabilities for complex decision-making with significant consequences, strategi...

Direct and build professional motion design (promo and launch films, kinetic typography, animated explainers, social cli...

AI assistant framework for building unique, authentic portfolio websites from scratch. Guides agents through research, d...

Stress-test a design through three lenses, confused user, skeptical engineer and impatient PM, before it goes to a stake...

Write a professional bio in the three lengths you actually need. Use when asked to write a bio, an 'about me', a speaker...

Workflow-wide thinking modes for EPCI. 6 personas adapt Claude's behavior globally: questions asked, priorities, code pa...

Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like r...

Use this skill whenever asked to prepare, review, or classify transactions for a Peru IGV (Impuesto General a las Ventas...

Route Wasp Nest tasks to the right Drone, arm its Stinger, and enforce the Ship Gate. Use before multi-Drone work. Read...

Use this skill when the user wants to produce a short video (5–120 seconds). Supports any video type: product ads, TikTo...

Build one release phase against the specs — plan it on an interactive board (endpoints, components, resources, with what...

Builds a Canvas 2D table of closed Lissajous curves, four rows by six columns, where the row sets the horizontal frequen...

UI implementation sub-agent for phase-builder. Spawned for UI-primary sprints — reads docs/design/design-system.md first...

Use when a product manager needs to generate or iteratively refine a stage four web prototype from prior-stage product r...

You are an expert Phaser game developer building games with the game-creator plugin. Follow these patterns to produce we...

Phaser 3 2D game dev: scenes, physics, tilemaps, sprites, polish.

A skill that helps the agent debate, reflect, and respond in the style of classical literature, major philosophical trad...

BEM CSS naming conventions for the Phoenix frontend. Use when naming new CSS classes or className assignments in app/src...

Use when applying Phoenix Framework best practices including context design, controller patterns, and application archit...

Render views and templates in Phoenix using HEEx templates, function components, slots, and assigns

Phone OTP authentication - country data, phone formatting, E.164 validation, rate limiting, retry patterns. Use when imp...

Edit and enhance photographs using Lightroom, Photoshop, and other tools. Use for color correction, exposure adjustment,...

Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command...

Advisory design reference for pick-ui-library; preserve current canonical rules, incumbent components and user authoriza...

Custom-entry fix for pickers with no way to add a choice (Select, Popover list, DropdownMenu). Use when building or touc...

Pinia Colada data fetching for Vue/Nuxt with useQuery, useMutation. Use for async state, query cache, SSR, or encounteri...

shadcn/ui patterns, progressive enhancement, Server Components, Client Components, form handling, Tailwind CSS v4, acces...