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

Use when building UI components. Enforces ShadCN UI patterns, accessibility standards (Radix UI), and TailwindCSS best p...

shadcn/ui component library setup and customization. Use when building UIs with pre-built components.

Apply pre-configured shadcn/ui themes with CSS variables. Use when user requests theme changes, color scheme updates, or...

Use this skill whenever the user wants to set up, configure, or refactor shadcn/ui in a Vite + React + TypeScript projec...

This skill provides best practices for using Shadcn Vue components in the fitness app. Use when working with UI componen...

Skill for scaffolding, installation, and composition of shadcn-vue components (based on Reka UI v2). Use when you need t...

Build production-grade Next.js web applications with shadcn/ui, Tailwind CSS, and Framer Motion. Use when building React...

A collection of beautifully designed, accessible UI components built with Radix UI and Tailwind CSS

shadcn/ui 组件库的安装、配置、组件实现、主题定制与排障指南。在 React/Next.js/Vite/Remix 等项目中需要：(1) 初始化或升级 shadcn/ui，(2) 查阅组件 API 与示例，(3) 定制 themes...

Write GLSL fragment shaders for procedural graphics. Topics: shapes (SDF), patterns, noise (Perlin/simplex/cellular), fB...

Writing and optimizing GLSL or HLSL shaders for real-time graphics rendering in game engines.

Expert knowledge for GPU shader development across GLSL, HLSL, ShaderLab, and compute shadersUse when "write shader, sha...

Expert guide for writing efficient GLSL shaders (Vertex/Fragment) for web and game engines, covering syntax, uniforms, a...

Implements visual shaders and shader code for 2D/3D effects including dissolve, outline, water, post-processing, and cus...

Plan feature UX before coding via a structured design interview that produces an actionable design brief.

Plan the UX and UI for a feature before writing code. Runs a structured discovery interview, then produces a design brie...

Wireframe-first pass — outputs an ASCII layout + state list + content inventory + question list before any code. Use whe...

Plan the UX and UI for a feature before writing code. Run a structured discovery interview, then produce a design brief...

The complete rules for writing or editing a shape's component (kind component). Use when creating, editing, patching or...

Share a runnable prototype using the user's preferred deployment tool.

Brand identity, design tokens, and anti-pattern philosophy shared across all platforms.

Coordinate a moving surface and its content with shared spring progress and a decaying relative offset. Use when content...

共有ラッパー（*Shared）と非共有本体（*）、Handle の使い分け、ArcShared+ToolboxMutex、SharedAccess/Clone の設計判断を扱う。共有の要否を判断し、shared_vs_handle ガイドに...

Redesigns character sheet display components to match the character creation card aesthetic. Use when updating any compo...

Guardian: Elara | Awakened: Transcendent Connection

Build modern Shiny dashboards and applications using bslib (Bootstrap 5). Use when creating new Shiny apps, modernizing...

Advanced theming for Shiny apps using bslib and Bootstrap 5. Use when customizing app appearance with bs_theme(), Bootsw...

Create or improve premium, production-grade web UI (site, landing page, app screen, component). Triggers: "crée un site"...

Interviews the owner, one topic at a time, and writes `.claude/rules/ship.md` — the ordered string of shipping steps (pu...

- Current directory: !pwd

Generates a structured shooting outline — organised by scene or sequence — listing locations, interviewees, interview to...

Build Shopify apps, extensions, themes with Shopify CLI. Use for GraphQL/REST APIs, Polaris UI, Liquid templates, checko...

Expert Shopify theme development guidelines for Liquid, Online Store 2.0, CSS, JavaScript, and UX best practices

Expert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook ha...

Checkout optimization — Checkout Extensibility, custom fields, express payments, trust elements

Create and review hooks for short-form creator content. Use when Codex is asked to write TikTok, Reels, Shorts, LinkedIn...

Strategy for creating efficient short-form video prompts. Use when creating filler shots, atmospheric scenes, or quick v...

Control Shorz via MCP to create and edit projects, configure panels, import assets, generate videos and thumbnails, buil...

Use when the user needs to see something to answer the current question — a sketch of logic, runtime flow, UI structure,...

Explain the current topic visually with the smallest diagram, sketch, or HTML artifact that makes the point. Use when th...

Show the current topic visually, inline in the conversation. Use when the user asks to see the shape of code, a flow, an...

Use when the answer is a walk through the diff rather than a review report: the user says "walk me through this review",...

Builds kinetic type on Canvas 2D seen through a rolling shutter, where the frame is cut into horizontal stripes that eac...

Complete guide to background job processing with Sidekiq in Ruby on Rails. Use this skill when: (1) Creating background...

Use when working on UI, styling, colors, or design in SikhAid project. Covers brand colors (navy/orange), Tailwind CSS p...

Build and extend SILELO-style AI web applications from source archives or product briefs. Use for replicating a chat con...

Refine SILELO-style AI chat interfaces from mobile or desktop reference images. Use when adjusting chat layout, mobile d...

Use when creating ASCII art to guide your artistic approach

Elementos visualmente similares se perciben como relacionados. Use cuando diseñe sistemas de iconos, estados, categorías...

Invoke before any creative or architectural work — feature design, component creation, or behavioral changes. A streamli...

Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.

Simulator.Company Smart Form (CDU / Script / Application) specialist. Use when the user wants to create, edit, inspect,...

Simulator.Company Smart Form (CDU) STYLING specialist — authoring complex Less/CSS for Smart Forms: theme tokens, page/f...

Create and register Simulink block icons programmatically. Use when asked to create an icon, generate a block icon, desi...

This skill should be used when the user asks to "translate to Sindarin", "write in Elvish", "Sindarin grammar", "Elvish...

Run omicverse's CellPhoneDB v5 wrapper on annotated single-cell data to infer ligand-receptor networks and produce CellC...

Checklist-style reference for OmicVerse downstream tutorials covering AUCell scoring, metacell DEG, and related exports.

Create single-panel editorial comics critiquing standardized education. This skill should be used when generating comic...

Make a change to the Attoset marketing website — edit copy, tweak a section, add a page, adjust layout/visuals, fix resp...

End-to-end AI website generation pipeline. Claude Opus 4.8 emits Bolt-style <boltArtifact> envelopes (multi-file, plan-f...

Use when planning, auditing, specifying, implementing, or improving premium website/app motion across FrankX, Arcanea, S...

Phase 4 of build-site — Doc research results + React project scaffold

Phase 5 — Create base components derived from blueprint, i18n setup (PT-BR + EN), SEO schema markup. No template copying...

Phase 7 — Automated quality loop: playwright-validate.py score >= 9.0, 34-criteria system, blueprint adherence, performa...

Records the best scenes of a website or web app (WebGL hero, 3D, scroll) as 1080p MP4 for decks, uploads them to Figma S...

Which CSS unit a value should be written in. rem for anything a text-size preference must move — type, control heights,...

Builds skeleton loading states that are pixel-perfect matches of real content. Use this skill whenever adding loading st...

For building skeleton loading states that are pixel-perfect matches of real content. Use this skill whenever adding load...

Use Skeleton UI components instead of building custom markup. MUST be consulted when creating or modifying any UI: butto...

Static mockups are barely better than screenshots. Every interactive element in a sketch must respond to interaction.

A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, h...

Throwaway HTML mockups: 2-3 design variants to compare.

Sketch macOS design tool. Use for UI design.

Rough pencil-sketch aesthetic with hand-drawn borders, draft-quality charm, and playful imperfection.

Create professional UI/UX designs in Sketch for macOS. Use for: vector design, symbols and reusable components, design s...

Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.

Web and App implementation guide for Skeuomorphism. Trigger when user wants UI to mimic real-world objects, realistic te...

Design patterns for automatic skill activation at plugin or project level. Use when implementing keyword-based skill sug...

Expert guide for creating OpenCode skills. Use when: (1) Creating new skills with scripts and resources, (2) Learning s...

Crea nuevas skills para el ecosistema siguiendo el estándar Agent Skills. Template, estructura de carpetas y registro au...

Enhanced skill creation framework emphasizing philosophy-first design, anti-pattern prevention, and variation encouragem...

Best practices for skill structure and types. Use when creating skills.

Which optional skill pack the kit has for the work at hand, and how to offer it. Read it when starting work the kit pins...

AL page design patterns for Business Central. Use when creating Card, List, ListPart, Document pages, implementing page...

This skill should be used when the user asks to "create a skill", "write a SKILL.md", "validate skill structure", "impro...

ÚSAME PRIMERO en cualquier tarea no trivial: árbol de decisión que dice qué skill y sección leer (UI: ui-ux-pro-max; ani...

Select and coordinate Codex skills when several skills, plugins, agents, or workflows could apply to the same user reque...

Select and coordinate reusable skill sets from the Innovator skills collection for cross-cutting engineering tasks.

Generate creative content (code, text, art prompts) in the specific Arcanean aesthetic

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

Summarizes how to use the Anima animation engine (Scene, Mobjects, Fluent API, Pro API, camera, timeline, rendering, and...

Evaluate and improve Claude skill quality through auditing.Triggers: skill audit, quality review, compliance check, impr...

Generate a polished Remotion video and X thread showcasing the full agent skills inventory. Use when creating social med...

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Implement 'Skip to Conten...

Build a premium client website end-to-end — competitor research, niche-tuned design system, conversion funnel, SEO/AEO b...