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

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