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

Pattern of rule styling-bem. Load when assembling a section screen, a form, a panel or a dialog. Blocks of the shared la...

Pattern of rule styling-bem. Load when creating or editing a sheet, a dialog or a full-screen view over the page — what...

Tailwind CSS styling patterns with mandatory eb- prefix for embedded components. Use when applying styles, creating UI,...

Tailwind CSS v4 实践。写样式时加载。用 cn()、语义色值、mobile-first 响应式、dark mode。

Tailwind CSS v4 conventions used in this template — CSS-first @theme config, OKLCH tokens, and variant composition.

Build beautiful, accessible UIs with shadcn/ui components in Next.js. Use when creating forms, dialogs, tables, sidebars...

Style UI with Tailwind CSS 3.x utility classes — responsive variants, dark mode, tailwind.config.js setup.

Creates UIs using Tailwind CSS utility classes and shadcn/ui patterns. Covers CSS variables with OKLCH colors, component...

This skill should be used when the user asks to "configure a subagent", "create a custom agent", "set up agent tools", "...

Guide for creating effective subagents (custom agents). Use when users want to create a new subagent that can be dispatc...

Decide whether a piece of work should go to a subagent or stay in the main agent loop. Use before spawning subagents, wh...

Use when reviewing card grid layouts with misaligned content areas, or any nested grid where child items need to align w...

Generate dialogue that conveys a specific subtext using entirely different words, with adjustable style, tone, and subtl...

Make Suede interfaces feel intentional: tokens, color, components, type, visual hierarchy, motion, dark mode, and visual...

The SFX pass. Analyze a short's beats + narration and propose tasteful sound effects synced to them, drawing from (and g...

Step 4 of the AI Video Editor pipeline — the SFX pass. Analyze a video's beats + narration and propose tasteful sound ef...

Extract pixel-perfect code, design tokens, and component structures from Figma designs via MCP tools for AI-driven devel...

Expert prompt engineering and music generation with Suno AI v4.5+ for professional-quality songs across all genres with...

Technical Suno V5 prompting, genre selection, style prompt construction

Generate AI music with Suno via AceDataCloud API. Use when creating songs from text prompts, generating lyrics, extendin...

Professional music creation with Suno AI V5 and Suno Studio. Use this skill when users want to create songs, playlists,...

Expert Suno AI prompt engineering for professional music creation. Use this skill when creating Suno prompts for any AI-...

Builds a Canvas 2D retro logo slam in which a blocky slab word breathes, squashes to a third of its width, then slams fo...

This skill should be used when implementing Supabase email/password authentication in Next.js applications. Automates th...

Connect React frontend pages to Supabase database with TypeScript, React Query, and proper error handling. Use when inte...

Expert guide for Supabase Storage including bucket management, file operations, URL generation, and RLS policies. Use wh...

Use when the user asks you to build, style, theme, refine, audit, or recreate UI — or uploads a screenshot to rebuild. R...

Complete UI/UX design capability — a wiki-style knowledge map of design theory (UX laws, Nielsen heuristics, usability,...

Superdesign is a design agent, where it specialised in frontend UI/UX design; Use this skill before you implement any UI...

Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or an...

Superdesign is a design agent specialized in frontend UI/UX design. Use this skill before implementing any UI that requi...

Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models...

Use when the user asks for Superloopy clone or asks to clone, rebuild, reverse-engineer, replicate, or copy a website or...

Use when the user asks to create, convert, style, animate, export, share, or deploy HTML slide decks, presentations, pit...

Use when asked to "autoplan", "run the review pipeline", "full review", "review my plan", "check everything", "multi-rev...

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying...

Design audit tool that crawls a live site, screenshots every page, runs a 10-category checklist (including AI slop detec...

Use when multiple independent problems exist and sequential investigation would waste time — dispatch one specialized ag...

Designer's eye plan review. Rates each design dimension 0-10, explains what would make it a 10, then fixes the plan to g...

Livewire v3 in WordPress via Acorn: Livewire component, wire:model, wire:model.live, @livewire directive, reactive compo...

Define architecture for a Sage/Acorn feature — architecture decision records, component boundaries, data flow, dependenc...

Architecture discovery for Sage/Acorn projects — map existing codebase, discover post types, routes, ACF field groups, L...

Refactor ACF Composer blocks — evolve blocks along 4 axes: rendering model, field composition, block variants $styles, I...

Scaffold a new ACF Composer block: ACF block, ACF Composer, block registration, Gutenberg block, block view, Blade block...

Plan-driven implementation in Sage/Acorn — reads docs/plans/ directory, implements components from approved sub-plans, r...

Design UI/UX in a Sage project — Figma to Blade, design tokens to Tailwind v4, Paper/Figma MCP integration, component de...

Full project analysis for an unfamiliar Sage/Acorn/Lando project — discovers CPTs, routes, ACF field groups, Livewire co...

Convention audit and pre-PR code review for Sage/Acorn projects — checks PHP Blade JS CSS against Sage/Acorn/Tailwind v4...