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

Use when showing a visual change to Cristian - before/after comparisons, galleries or contact sheets of screens, portrai...

Load this skill when writing, reviewing, or interpreting behavioral accessibility automation — tests that manipulate a r...

Bence's code style, tech stack, and workflow conventions

Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. A...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scan...

Web and App implementation guide for Bento UI. Trigger when user wants modular grid cards, Apple-like dashboard style, o...

Validates code against framework-specific best practices documented in docs/infrastructure/. Checks Effect usage pattern...

Navigate creative blocks using the Arcanean Bestiary - a taxonomy of psychological obstacles every creator faces, with n...

Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zo...

Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen read...

Creates Better Auth configuration for frontend and backend: handlers, providers, middleware, session/token options. Uses...

Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic...

Helps you build and check a color system for your project. It generates palettes, names semantic tokens, converts betwee...

OKLCH color space and color usage for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, han...

Color systems for digital products, from building and naming a palette to applying it with meaning and verifying contras...

Install and use themed shadcn/ui components from 31+ design systems (Linear, Stripe, Apple, Notion, etc.) with one comma...

Combines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and...

User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, be...

Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.

Helps with grouping, alignment, reading order, responsive structure and room for translated text, so a layout holds up w...

Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive...

Sets and reviews how text renders in your product, from the type scale and spacing to font features, wrapping, truncatio...

Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, config...

Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, context...

Polishes the surfaces, icons and motion in your project with exact values for border radius, optical alignment, shadows,...

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend c...

Use when polishing surfaces, icons, motion, border radius, optical alignment, shadows, icon states, or animations with e...

Traduz pedidos de animação em português ("faz o número quicar", "entra um depois do outro", "dá um tranco no zoom") para...

Bifrost AI gateway specialist: maximhq/bifrost architecture, admin and inference API surface, virtual keys, semantic cac...

Embody Bill Hicks - AI persona expert with integrated methodology skills

A comprehensive AI agent skill for writing and managing professional bios. Crafts bios for any platform and any purpose,...

Designs pegRNAs and nicking guides for prime editing (PE) -- choosing the nick/strand, tuning the primer-binding site (P...

This prompt instructs an image-generation system to produce a photorealistic, cinematic birthday portrait using a provid...

Spark by Lightspark: statechain-derived L2 with FROST threshold signatures, leaf architecture, Lightning compatibility....

设计稿还原规则。先输出布局分析报告，再按需加载模版

Laravel guidance to compose UIs with Blade components, slots, and layouts; keep templates pure and testable

Use when the project's frontend stack is Blade — dispatched by `directives/ui/{apply,review,polish}.ts`. Covers views, c...

Builds and reviews Laravel 12 Blade interfaces with semantic HTML, reusable Blade components, responsive UX, accessibili...

Trace ServiceNow configuration dependencies — what artifacts touch a given field, what calls a script include, table/app...

Build Blazor-native agent user interfaces using AG-UI protocol with Microsoft Agent Framework (MAF) and ASP.NET Core. Us...

Build and customize .NET 10+ Blazor UIs with BlazorBlueprint. Use when choosing between BlazorBlueprint.Components and B...

Blender 3D creation suite for modeling, animation, rendering, compositing, video editing, and game development. Use for...

Reconstruct assets in Blender from reference images using only native Blender geometry, local skills, and project workfl...

Use when creating, adjusting or exporting Blender models for FDM printing, especially separate assembly parts, supports,...

Author a placeable layout block that looks right at ANY pane size. The one hard rule — size to the PANE with container q...

Long-form editorial blog post layout with hero image, typography hierarchy, pull quotes, and code blocks. Use for "blog...