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

Produce code that survives senior review. Use this skill whenever the user asks for code to be written, improved, refact...

Guide design decisions using the State > Coupling > Complexity > Code priority framework. Use when evaluating tradeoffs,...

代码质量标准 - 编码风格规范、安全指南和无障碍要求。适用于：(1) 编写新代码 (2) 代码风格/安全审查 (3) 实现UI/UX功能 (4) 处理安全问题 (5) 确保无障碍合规。涵盖命名约定、格式化、安全最佳实践（禁止泄露密钥/个人敏...

Coding style standards, security guidelines, and accessibility requirements. Use when (1) Writing new code, (2) Reviewin...

KISS, YAGNI, and SOLID code quality principles for clean code, reducing complexity and preventing over-engineering.

Review code for correctness, security, performance, and Resume Matcher conventions. Use when receiving code review feedb...

MANDATORY skill for ALL code generation. Enforces top-down composition, consistent abstraction layers, and proper module...

Routes code-to-Figma work to original native Code Connect or design-generation skills with owner scope rules.

Generate beautiful code snippet images with syntax highlighting. Use when users want to share code as an image, create c...

Builds a DOM cursor trail in which short code fragments on brightly coloured bars stack into a leftward staircase that c...

Explore the codebase to map conventions, reusable utilities, analogous features, and data flows relevant to a planned ch...

Automatically generate relationship and dependency maps for any component-based codebase (React, Vue, Svelte, Astro, Nex...

Navigate, search, and understand the Resume Matcher codebase using ripgrep, ack, or grep. Find functions, classes, compo...

Designer role. Reads outline, generates a single HTML presentation file with CSS design system + JS slide engine + per-s...

Use when a CodeQL analysis step fails with "Invalid checksum for page N of the compressed relation ... The database is c...

A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography ca...

OpenAI-style dark code aesthetic with electric blue accents

Codex CLI（OpenAI）を使用してコードや文言について相談・レビューを行う。 トリガー: "codex", "codexと相談", "codexに聞いて", "コードレビュー", "レビューして" 使用場面: (1) 文言・メッセ...

Use when working code or generated content feels AI-bloated, noisy, repetitive, over-abstracted, fallback-heavy, generic...

Use when product, UI, documentation, or workflow decisions need a lightweight human-readable source of truth before impl...

Use for DESIGN.md visual identity contracts; author, scaffold, lint, diff, and export design contracts with the upstream...

Modern design vocabulary with palettes, typography, layouts, animations, and composition principles. Prevents generic ou...

Design, generate, repair, validate, package, install-test, and privacy-audit V2 animated pets for Codex Desktop from tex...

Design, implement, validate, package, and privacy-audit reversible themes for Codex Desktop, including visual concept tr...

Use when designing or redesigning a web UI; select fast, prototype, or studio from the requested scope.

Use when implementing web UI in React, Next.js, Tailwind, CSS, or GSAP against an approved design, fast-path brief, or p...

[CLAUDE CODE ONLY] Leverage Codex CLI for AI peer review, second opinions on architecture and design decisions, cross-va...

Use when a UI, HTML note, figure, PDF page, generated image, or visual artifact needs browser/screenshot-based validatio...

Use after UI implementation for mechanical source checks and a rendered or fresh-eyes review.

Entry point for the Codexpiator toolkit. Use only when a software-engineering request's domain is ambiguous, spans multi...

Coding patterns, architectural best practices, and runtime failure modes

Project coding conventions for the CODER agent. Load before any implementation task to ensure consistent style and patte...

Detects code smells, anti-patterns, and readability issues. Use when implementing features, reviewing code, or refactori...

Flequit プロジェクトのコーディング標準への準拠をチェックします。命名規則、ファイル構造、型定義、エラーハンドリング、コメント、インポート順序などのコーディング標準チェックに使用します。

Use this skill when you need to code with tailwind css

La cantidad de esfuerzo mental requerido para procesar información. Use cuando diseñe interfaces complejas, flujos de on...

Use for networked animation issues in coherence — triggers not firing on remotes, late joiners stuck in T-pose, animator...

Create 25-35 second cold opens that hook listeners by dropping them into a specific moment that encapsulates the episode...

Expert in ALL computational collage composition: photo mosaics, grid layouts, scrapbook/journal styles, magazine editori...

Använd när du bygger en radbaserad expanderbar komponent/ackordion, t.ex. en "Vanliga frågor"-sektion (FAQ) — header + a...

Force unrelated concepts together to discover emergent properties - "What if we treated X like Y?"

Analyze color combinations for readability and accessibility compliance per WCAG 2.1/2.2 standards (Contrast Minimums 1....

Expert color palette audit for movemental — verify semantic token completeness, WCAG contrast compliance, 60-30-10 distr...

Web and App implementation guide for Color Blocking. Trigger when user wants large color sections, striking layout divis...

Load this skill whenever the project contains text, UI components, icons, form controls, data visualisations, or focus i...

Detects and fixes color contrast violations using WCAG 2.1 guidelines and perceptual analysis. Expert in contrast ratio...

Validate color contrast checker operations. Auto-activating skill for Frontend Development. Triggers on: color contrast...

Builds skeuomorphic CSS buttons whose depth comes only from stacked layers on one pill, a gradient body, inset shadows f...