Каталог навыков агентов

Build or revise a slide deck (pptx by default; pdf or html on request). Use whenever a build task's artifact kind is pre...

Search the Artifact Index for relevant historical context using semanticfull-text search. Returns handoffs, plans, and c...

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (...

Implementing production frontend code for React/Vue/Svelte: hooks design, state management, Server Components, form hand...

High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.

Create distinctive, on-brand frontend interfaces for Ascent Training. Use this skill when building landing pages, market...

Create perfectly aligned ASCII diagrams using the hybrid character strategy.

Turn any subject into an animated ASCII backdrop behind a UI, like a dark prompt page with jellyfish drawn in drifting c...

Production pipeline for ASCII art video — any format. Converts video/audio/images/generative input into colored ASCII ch...

Use when visualizing architecture, data flows, or system diagrams in text. Creates ASCII visualizer diagrams for plans,...

Author UI wireframes as Unicode box-drawing TEXT (┌─┐│└┘) that embeds directly into proposal.md, tasks.md, specs, and PR...

This skill should be used when the user asks to "move candidate through pipeline", "schedule an interview", "manage appl...

Client-facing functional QA through the installed Aside CLI. Use when asked to verify that a browser feature, acceptance...

Client-facing UI/UX QA through the installed Aside CLI. Use when asked to review whether a web page, flow, or responsive...

Client-facing web QA orchestration through the installed Aside CLI. Runs aside-functional-qa and aside-visual-qa as one...

Clarify requirements before implementing. Do not use automatically, only when invoked explicitly.

Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loa...

Advisory design reference for ask-sonner; preserve current canonical rules, incumbent components and user authorization.

Use this skill to verify Compose layout measurements from a UI test using `assertWidthIsEqualTo`, `assertHeightIsEqualTo...

Create visual assets (images, illustrations) using AI (OpenAI DALL-E).

Skill para inventariar e organizar imagens, icones, logos, fontes, tokens visuais e referencias graficas do projeto. Use...

Design, implement, or visually refine a web interface when the visible experience is a primary deliverable. Use for gree...

Fast Python package and project management using Astral's uv. Use when installing packages, managing virtual environment...

Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Ma...

Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Ma...

Animation patterns for Astro sites. Scroll animations, micro-interactions, transitions, loading states. Performance-focu...

Astro 6+ standards — islands architecture with zero JS by default, Content Layer collections with loader + Zod schema va...

UI component library for Astro lead generation sites. Buttons, forms, cards, badges. Requires design-tokens skill.

- Creating or modifying CSS styles

Deep Astro expertise for island architecture, content collections, multi-framework integration, and hybrid rendering. Us...

Use when styling Astro components — scoped CSS, CSS Modules, Tailwind CSS, UnoCSS, Sass, the class:list directive, or gl...

UX patterns and section templates for Astro lead generation sites. Hero, features, testimonials, CTAs, FAQ sections. Use...

Expert guidance across solar physics, planetary science, stellar evolution, cosmology, and observational techniques with...

Astro 5.0 + Tailwind CSS landing page with blog, dark mode, and perfect PageSpeed scores.

Build fully customizable, agent-ready design systems with Astryx — Meta's production design system now open source. Ship...

Guides React 19 async UI state modeling with Actions, useActionState, useTransition, useOptimistic, use, Suspense, Activ...

Orchestrating design-to-implementation pipelines (code to visual to code closed loop), persisting a project design syste...

Use when filing, updating, sequencing, or querying tasks in any atlas-crew repo (Facet + the Atlas Crew Security repos:...

Quick 2-phase workflow for trivial changes - typos, colors, config updates (5-15 min)

Atlas design system knowledge - components, patterns, and theming

Create or refactor a React ATOM component (smallest reusable UI primitive). Use for buttons, inputs, icons, text, badges...

Build an Atomic Design system from Figma style guides - extract tokens, create atoms/molecules/organisms/templates/pages...

Brad Frost's Atomic Design for UI component hierarchy: atoms, molecules, organisms, templates. Activate when building us...

Atomic Design methodology for structuring React/Next.js component libraries. Defines five levels (atoms, molecules, orga...

Enforces atomic design methodology (atoms, molecules, organisms, templates, pages) for React Native/Expo projects using...

Create or refactor a React MOLECULE (a small composition of atoms). Use for input groups, labeled fields, search bars, c...

Create or refactor a React ORGANISM (a meaningful UI section composed of molecules/atoms). Use for nav bars, product gri...

Create a React PAGE that binds templates/organisms to real app data and routing. Use for route-level components. Pages h...

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...