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

Full system audit pipeline — runs backend, security, operations, design, and product critiques in parallel, aggregates f...

Full feature development pipeline — plan, execute, critique, review, QA, ship, deploy. Chains autoplan, executing-plans,...

Launches an autonomous, pixel-perfect UI implementation loop using Figma MCP and Chrome.

8-bit retro gaming aesthetic with blocky pixel-art borders, chunky UI, and arcade nostalgia.

Generating pixel-accurate HTML/CSS code from image mockups (PNG/JPG/screenshots) and performing visual verification for...

Generate pixel art diagrams and infographics in retro 16-bit SNES aesthetic — recovery education visuals, flowcharts, da...

Generate pixel art diagrams and infographics for recovery education articles in retro 16-bit game aesthetic

Use this skill when creating pixel art sprites, animating sprite sheets, building tilesets for 2D games, or managing ind...

Builds a Canvas 2D pixel-art fire, a 16 by 16 flipbook generated from a tiny heat simulation and drawn as crisp blocks o...

Create or redesign responsive websites with a white dotted background, pixel art stickers, retro pixel UI, and optional...

Orchestrate a complete visual QA workflow to make a dev/Storybook page match a baseline URL pixel-for-pixel. Combines th...

Comprehensive UI/UX design system for creating professional web interfaces through structured multi-stage process. Use w...

Builds a WebGL fragment-shader text effect in which a diagonal scan band sweeps across a word and breaks it into a dense...

Builds a WebGL poster effect in which a short word is printed into a flat colour ground in hard pixel blocks, with a whi...

Use when adding, moving, or removing images, sprites, text, or video on the Pixi'VN game canvas, or when applying or cre...

Use when building game UI (menus, HUD, dialogue box, settings/save screens) on top of Pixi'VN with an external JS framew...

PixiJS v8: render 2D WebGL/WebGPU para sprites, sprite sheets, partículas (ParticleContainer), Graphics vectorial, filtr...

Use this skill when creating, converting, or manipulating colors in PixiJS v8. Covers Color class input formats (hex, CS...

Use this skill when drawing images in PixiJS v8. Covers Sprite with anchor/tint/texture, AnimatedSprite for frame animat...

Plaited UI patterns for templates, behavioral elements, and styling. Use when creating bElements or FunctionalTemplates,...

Design approaches before building. Use when starting significant work to establish theory of success, risks, and validat...

Breaks down requirements into iterations and tasks

Explore creative approaches and ideas with external source validation.

Design planning entry point — reads DESIGN.md, CONTEXT.md, and ADRs plus a Linear issue, identifies all UI surfaces that...

Designer's eye plan review — interactive, like CEO and Eng review. Rates each design dimension 0-10, explains what would...

Design plan review skill — rate and improve a UI design plan before implementation. Use when the user has a plan, wirefr...

Designer's eye plan review — interactive, like CEO and Eng review. (gstack)

设计师视角的 plan review。对信息架构、交互状态、情绪弧线、AI slop 风险、 设计系统一致性、响应式与可访问性做 0-10 打分，并在需要时生成或更新 mockup。 (gstack)

Documenta progreso y marca tareas completadas en PLAN_MEJORAS.md. Usa SIEMPRE después de completar cualquier tarea del p...

Guidelines for Plan Mode - focus on planning before implementation

Guidelines for creating and managing implementation plans with citations

Plan complex Blazor UI features by decomposing them into focused components. USE FOR: building a complex Blazor page wit...

Plan a new Bar Ticket feature

Breaks work into ordered tasks. Use when you have a spec or clear requirements and need to break work into implementable...

Decompose approved designs into bite-sized implementation tasks with exact file paths, verification steps, and dependenc...

Breaks work into ordered tasks. Use when you have a spec or clear requirements and need to break work into implementable...

Design technical architecture, select technology stack, and define implementation strategy from specifications and const...

Use when you need to work with backup and recovery.This skill provides backup automation and disaster recovery with comp...

Project planning and architecture decision workflow for Java/Spring. Use when starting new projects, designing microserv...

Weekly retrospective and minus-one-mindset check. Walks the last N days of the squiggle and asks: is the learning curve...

Create, edit, and render PlantUML diagrams. Triggers on: architecture diagrams, flowcharts, sequence diagrams, data mode...

Generate PlantUML diagrams including UML class, sequence, and component diagrams. Use when creating UML diagrams or syst...

Rule under the frontend-application law. Load when an edit touches the global object or the runtime — window, globalThis...

Use this skill to author a complete HXL WidgetBundle (UEM body + schema.json + -meta.xml). TRIGGER when: user asks for a...

Motor WebGL/WebGPU PlayCanvas: juegos 3D en navegador, ECS, scripts pc.createScript, física Ammo.js, carga glTF, export...

Use when implementing player movement — CharacterBody2D/3D patterns, input handling, physics, common movement recipes

This prompt instructs an AI image generator to produce a centered 3D render of a cute, rounded toy-like object inspired...

Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually...