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

Audits UI code and assets across web, desktop, and mobile platforms for design system token compliance, button hierarchy...

Build high-impact interactive web dashboards and publication-quality Python data visualizations. Translates analytical d...

Designs user journeys, interaction models, usability heuristics, UX state matrices (ideal, empty, loading, error, partia...

Interactive feature planning and architecture orchestration workflow. Use when designing, scoping, or planning the imple...

Scaffolds self-contained, interactive HTML5 and Tailwind CSS UI mockups, screen prototypes, and living visual documentat...

Use when deciding whether a request needs an analiz task before implementation - the conditions that require the archite...

Procedure for an analiz (analysis) task when you hold the analyst role. Use when a task with task_type analiz is assigne...

Transforms a user's braindump or rough idea into a structured project requirements specification. Use when the user prov...

Guide for implementing analytics tracking in SuperTool. Use this when adding analytics events, tracking user actions, or...

Use this skill after Phase 1 Plan to create or intake requirements for a task. Produces requirements with stable IDs (RE...

Analyzes MUI theme compliance across all components. Finds hardcoded colors, font sizes, font weights, and rem units. Ge...

ユーザー要件を分析し、システム設計ドキュメント(DESIGN.md)を生成します。ユーザー要件が曖昧または不明確な場合、システムアーキテクチャの設計が必要な場合、大規模な機能開発の設計仕様が必要な場合、技術的実現可能性の検証が必要な場合に使...

Android engineering rules — permissions, release signing, Kotlin/Compose. Load for Android.

Create production-quality Android applications following Google's official architecture guidance and NowInAndroid best p...

Android native development expertise with Kotlin, Jetpack Compose, Material Design 3, and modern Android architecture. U...

Expert guidance for building modern Android UIs with Jetpack Compose, covering state management, navigation, performance...

Android development with Kotlin and Jetpack Compose. Use when user mentions "Compose", "Jetpack Compose", "Material3", "...

Android core components lifecycle, Activities, Fragments, Services, Intent system. Use when working with Android compone...

Index of official Android/Kotlin/Gradle docs, Now in Android and JetSnack references, and house patterns (UI events, act...

(ePost) Use when referencing Android theme Compose components, design tokens, or Material theme integration

Splits Angular components into container and presentational responsibilities when it improves data flow, reuse, testabil...

Expose style-only component state as CSS custom properties from Angular host bindings so CSS can render layout without i...

Reduces Angular initial load cost by selecting compatible lazy loading patterns for routes, standalone components, featu...

Designs Angular reactive contracts that expose readonly Observables instead of mutable arrays, public Subjects, writable...

Reviews the boundary between Angular Signals and RxJS, focusing on toSignal, toObservable, cancellation, async orchestra...

Designs Angular local state patterns with Signals, focusing on signal, computed, effect usage, state boundaries, derived...

Chooses between Angular Signals and RxJS based on Angular version, state lifetime, synchronicity, cancellation needs, an...

Create Angular 20 standalone components using modern patterns: Signals for state management, input()/output() functions...

Angular 21 development with modern best practices including signals, standalone components, reactive patterns, and acces...

Generate Angular components, services, modules, and directives. Implement dependency injection, lifecycle hooks, data bi...

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTT...

Angular development patterns including modules, components, services, dependency injection, signals, and enterprise arch...

Implement Angular v21 applications with standalone components, signals-based state management, new control flow syntax (...

Pattern of rule angular-patterns. Load when declaring state and streams in an Angular class — ready-made signals, derive...

Angular Router (built-in `@angular/router`) — route configuration for standalone and NgModule projects, functional guard...

Use when building Angular 16+ applications requiring fine-grained reactive state management and zone-less change detecti...

Implement or refactor an Angular 20 + Tailwind CSS v4 light/dark theme system with Light as the default, class-based dar...

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handli...

The short Angular, Angular Material and Tailwind rule list, keyed by Rule ID, that the Angular agents preload. Use when:...

Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 31 styles, with composed scor...

Tasteful, subtle web UI animation following Emil Kowalski / animations.dev principles. Use when adding or reviewing inte...

Optimize Anima API costs through caching, incremental generation, and tier selection. Use when managing Anima API usage,...

Add purposeful frontend animations and micro-interactions that improve feedback, transitions, hierarchy, and delight whi...

Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it an...

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usabilit...

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usabilit...

Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the project's...

Implement purposeful interface animations: easing, springs, interruption, exits, and reduced motion. Use on existing com...