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

Build pages using ONLY existing atomic-design components. REQUIRES atomic-design skill. Use for composing pages, creatin...

Create a React TEMPLATE that defines layout and composition without binding to real data sources. Use for page shells, d...

Frontend aesthetics policy. Use when building UI, components, landing pages, dashboards, or any frontend work. Prevents...

AttoSet brand + design system. Use whenever building, editing, or reviewing any AttoSet website UI, component, page, cop...

Game audio design patterns for creating sound effects and UI audio. Use when designing sounds for games, writing AI audi...

Audio engineering — mastering, mixing, EQ, compression, loudness standards, synthesis, podcast production, music theory,...

Audio production concepts, DSP fundamentals, mixing/mastering techniques, and DAW workflows. Bridges modular synthesis p...

Visualize audio frequency/time-domain data synchronized with React updates.

Run technical UI quality audits across accessibility, performance, theming, responsive behavior, and anti-patterns.

Thread completeness audit, cohesion check, hidden dependency scan, stress-test question set, and improvement pass. Use a...

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Gene...

Technical UI audit — a11y, performance, responsive. Produces a prioritized findings table. Invoke when the user asks for...

Audit or critique a product flow, journey, workflow, funnel, onboarding path, checkout path, settings path, screen, or m...

Audit a Figma screen or component for design-system integration drift, including missing shared components, local overri...

Audit the course learn experience for section coverage, sidebar rendering, layout, design token compliance, tenant isola...

Orchestrate the full quality gate: theater detection, functionality verification, and style polish with evidential repor...

Find LTR-only Tailwind classes (ml-, mr-, pl-, pr-, left-, right-, text-left, text-right) in JSX files. These break the...

Audit every page to ensure it has a layout-accurate skeleton loading state using useMinLoadTime, matching the page's act...

Audit component CSS for arbitrary colors, font sizes, and spacing that violate ui-design.md token system. Report violati...

Audit a project's theme, design tokens, and colour accessibility — WCAG contrast across every theme, focus indicators, a...

Find hardcoded hex/rgb/hsl colors in frontend files that should be using CSS variable tokens (bg-background, text-foregr...

Comprehensive UI/UX compliance check (A11y, performance, responsive).

Audits notification permission request flows. Use when reviewing or improving permission prompts, settings paths, or den...

Audits website accessibility for WCAG 2.2 AA compliance, generating findings and code fixes. Use when reviewing accessib...

Use when the user wants to clone or adapt a UI pattern from any website into gotcontext.ai, or asks to "build something...

Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-direc...

Design and build cinematic, award-level web pages.

Authentication system design and implementation guidance with Python examples using strict typing. Use when: (1) Designi...

CloudBase auth provider configuration and login-readiness guide. This skill should be used when users need to inspect, e...

Draft /grill's epic cut for one REALIZED slice — the user-testable delivery increments the delivery pipeline picks up. R...

Standards for writing CLAUDE.md and modular rules files (.claude/rules/) that maximize LLM execution efficiency. Use whe...

Converts natural-language descriptions or UI spec files into optimized Google Stitch prompts. Use when creating, refinin...

Comprehensive authorization guidance covering RBAC, ABAC, ACL, ReBAC, and policy-as-code patterns. Use when designing pe...

Zero-config animations for React, Vue, Solid, Svelte, Preact with @formkit/auto-animate (3.28kb). Prevents 15 documented...

Adds automatic animations to DOM changes with zero configuration using FormKit's AutoAnimate. Use when adding smooth tra...

仓库 Markdown/JSON 内容自动同步到前端页面，配置 GitHub Actions 定时拉取 + 部署，保持 Google SEO 内容新鲜度。支持日报、博客、Changelog、Landing Page 等多种页面模式。

CLAUDE.md devteam section — opt-out rules and auto-routing triggers.

This is the main orchestration skill that combines all other skills to automatically create short-form content from long...

Use this when working with DWG file generation features (Tiles, Playground, Symbol Generator). Provides AutoLISP script...

Converts a plan, idea, or app spec into a complete autonomous multi-session build setup that Claude Code can execute end...

自动化 plan review pipeline。依次加载 CEO、design、eng review， 按 6 条决策原则自动作出大多数判断，只把 taste decisions 和明显冲突 留给用户最终确认。 (gstack)

Controle de acesso baseado em papéis (admin/editor/leitor/convidado) com verificação granular por recurso individual (pr...

Implementa autosave com debounce, versionamento por snapshots e restauração de versões anteriores usando diff-match-patc...

Audio/video studio production — multi-track editing, color grading, motion graphics, compositing, live streaming, screen...

Use when working with built-in Avalonia controls. Routes to the correct sub-subskill for the control category needed.

'AvaloniaUI CustomControl를 활용한 AvaloniaUI Desktop Application Solution 기본 구조'

"AvaloniaUI에서 GenericHost와 DI 사용 패턴"

Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoid...