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

Use when writing CSS for Discourse core, themes, or plugins - handles BEM class naming, modifiers with double dashes, bl...

This skill provides guidance for writing modern CSS with focus on maintainability, performance, and accessibility using...

Best practices for CSS development including modern layout techniques, naming conventions, theming, and maintainable sty...

CSS styling for web pages including selectors, flexbox, grid, and animations

CSS conventions, layout systems, and modern patterns: predictable styles through low specificity and explicit cascade co...

Writes and debugs CSS: flexbox and grid layout, z-index and stacking, responsive breakpoints, theming, and render perfor...

CSS accessibility audit and fixes. Checks focus-visible styles, reduced motion support, contrast preferences, forced-col...

Create performant CSS animations using composited properties, scroll-driven animations, View Transitions, and @keyframes...

Maintainable CSS architectures, container queries, fluid spacing tokens, CSS variable cascades, and layout shift prevent...

Organize CSS using BEM, SMACSS, and CSS-in-JS patterns. Use when building scalable, maintainable styling systems with pr...

Generate pure CSS art and illustrations — portraits, landscapes, UI elements, and interactive CSS-only animations.

Strategies for rendering borders, strokes, and outlines in CSS with explicit layout impact analysis. Use when adding bor...

CSS cascade, specificity, and selector-weight discipline for large legacy stylesheets (50+ plain-CSS files, no build-tim...

Use this skill to diagnose CSS and frontend layout issues such as positioning, overflow clipping, Tailwind class conflic...

Use when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code. Guides CSS...

Creates new styled UI components using semantic Tailwind class names, @apply composition, dark mode variants, and test c...

Converts inline styles or repeated Tailwind utility strings in markup to semantic component classes, and adds missing da...

Guide creating new CSS components following Tailwind + semantic component patterns with dark mode support and test cover...

Transform existing CSS (inline styles, utility classes in markup, scattered CSS) into semantic component patterns with d...

Review existing CSS against established Tailwind + semantic component patterns, checking naming, dark mode, tests, and d...

Use when reviewing stylesheets, component styles, and responsive behavior related to Use CSS Grid for two-dimensional la...

Implement asymmetric editorial CSS Grid layouts.

Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.

Generate css module generator operations. Auto-activating skill for Frontend Development. Triggers on: css module genera...

Css Module Generator - Auto-activating skill for Frontend Development.Triggers on: css module generator, css module gene...

Use when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check th...

Every visual change enters the pipeline at one of four stages, and the stage

Use when reviewing stylesheets, component styles, and responsive behavior related to Include a print stylesheet. Check t...

Upgrade legacy CSS to modern standards. Scans stylesheets for outdated patterns (floats, clearfix, vendor prefixes, old...

Expert CSS guidance for developers with strong fundamentals who need help with modern CSS features (2020-2025) and advan...

CSS, SCSS, and styling conventions. Use when writing, reviewing, or debugging styles and layouts.

Build theming systems with modern CSS. Covers custom properties architecture (primitive, semantic, component tokens), ok...

Provides foundational CSS design tokens (custom properties) for typography, spacing, colors, borders, z-index, and trans...

When the user wants to design, optimize, or audit call-to-action (CTA) buttons. Also use when the user mentions "CTA," "...

Provides CTO-level guidance for AI-first products, platforms, and org design. Makes pragmatic, execution-focused decisio...

Systematic architecture analysis following Understand → Research → Specify → Decompose → Plan workflow. Use for system d...

Writing and producing product videos: scripts, storyboards, narration, and reproducible Playwright demo recordings. Use...

Modern CSS standards covering essentials, responsive design, quality practices, and tooling for CUI projects

Install animated shadcn-compatible components from the Cult UI registry. 75+ components across marketing, onboarding, bu...

Find suitable pieces from the blog to use as links in a post when requested at the stage of final draft.

Inspect ui-layouts/cursify cursor effects, assess reuse permission, and plan or review a scoped React cursor enhancement...

Use for "/cursor-build-figma", a figma.com/design URL with node-id, or "implement this Figma" into a web, desktop, or sh...

Dylan's agent style on top of pstack: concise verified delivery, root causes over symptom patches, The Algorithm before...

Use when implementing cursor-based interactions like proximity effects, hover zones, or elements that react to mouse/tou...

Design custom agents from scratch using Claude Agent SDK patterns. Use when building domain-specific agents, designing a...

Reactカスタムフックの設計・抽出・合成・テストの実務指針を提供するスキル。再利用性と保守性を高めるための判断基準を整理する。Anchors:• Learning React / 適用: フック設計の基本 / 目的: 再利用可能な設計•...

Builds and designs a custom hud (HUD) in CS2 — menus, shops, scoreboards, timers, modals, overlays and interactive scree...

Designs custom Pokémon evolution lines or converts video game characters into Pokémon profiles, including types, abiliti...