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

Interactive canvas-based design and layout creation

Operate DavidHDev/canvas-ui for selecting and integrating its live-DOM canvas effects, checking framework/renderer packa...

Live WebGL/WebGPU shaders running over interactive HTML DOM elements via HTML-in-Canvas. Text remains selectable, links...

Follow the theme system, slot rules, and panel coordination patterns for all UI work.

Estimates infrastructure needs based on traffic forecasts, workload analysis, and performance requirements with sizing r...

Write or revise figure, table, and algorithm captions using recipes distilled from dissecting top ML researchers' papers...

Build UIs using IBM's Carbon Design System. Use when the user requests Carbon-styled interfaces, IBM-style dashboards, e...

When the user wants to design, optimize, or audit card layouts for content display. Also use when the user mentions "car...

Turn supplied text or evidence into PNG cards, article covers, and explanatory illustrations. Use for content-to-image r...

当需要主动设计和构建个人职业生涯，而非被动接受传统就业时

Competency frameworks, level expectations (Junior to Staff+), and career progression paths for software engineers. Use w...

When the user wants to design, optimize, or audit carousel/slider layouts for content display. Also use when the user me...

Replace token-insertion for fusing vision and language with efficient cross-attention that maintains separate text self-...

Use when creating customer stories that prove ROI, highlight use cases, and equip sales with proof.

Craft portfolio-ready case studies that tell the story of a design project. Runs a structured intake first, then drafts...

Write, restructure, edit, or strengthen UX/UI portfolio case studies, portfolio pieces, project stories, and interview n...

Casper Studios internal design system for generating consistent, production-grade SaaS UI. Use this skill whenever gener...

Guide parsing of Cassandra 5.0+ SSTable components (Data.db, Index.db, Statistics.db, Summary.db, TOC) with compression...

Cast genjutsu on a UI - creative coding for motion, micro-interactions, and wow-factor. Scans the stack, proposes an int...

This skill should be used when the user mentions "translation catalog", "i18n keys", "missing translations", "unused key...

Apply Catppuccin color palettes to configs, stylesheets, and terminal themes. This skill should be used when creating or...

Cấu trúc thư mục dự án JDX-Gamers Website — module duy nhất JGameApp, phân vùng Public/Account, cấu trúc feature, layer...

Build or update Figma variable collections (Primitives and Semantic) from component-contracts token files. Use when the...

前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Project Guidelines Skill (Example)

Project Guidelines Skill (Example)

Use when TypeScript configuration, module resolution, public API types, declarations, package exports, narrowing or gene...

Claude-Codex-Gemini tri-model orchestration via /ask codex + /ask gemini, then Claude synthesizes results

Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when auditing websites...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit...

Use when the user invokes /cdev (with or without arguments) in a repo conditioned for continuous autonomous development,...

AWS CDK実装専用コマンド。GitHub IssueからCDK実装・テスト・CDK合成まで自動実行する。CDKインフラの実装を依頼されたときに使用すること。

Capture a visual demo reel (GIF, terminal recording, screenshots) for PR descriptions. Use when shipping UI changes, CLI...

Build web interfaces with genuine design quality, not AI slop. Use for any frontend work - landing pages, web apps, dash...

Advanced human-AI co-creation methodology - the Centaur Principle in practice. Master the art of combining human creativ...

Analiza maquetas y prototipos visuales del proyecto (exportaciones de Stitch en HTML o PNG, Figma, HTML a mano) y los tr...

Design system y principios visuales para mockups HTML del proyecto. Prohíbe emojis, define tokens, iconos SVG, y anti-pa...

Habilidad para generar presentaciones interactivas en HTML del proyecto. HTML custom autocontenido con stage 1280x720, t...

Design system for the CERN Particle Detector aesthetic. Use when building UI components, styling elements, or implementi...

資格試験（AWS 認定など）の問題集とアーキテクチャ説明ガイドを、ビルド不要の静的サイトとして作成・拡充・検査するための手順とノウハウ。 このリポジトリ（AIP-C01 の問題集）で問題を追加・修正するとき、別の試験の問題集を同じ方式で作る...

CesiumJS materials and post-processing — Material, Fabric JSON, MaterialAppearance, ImageBasedLighting, PostProcessStage...

CesiumJS viewer setup - Viewer, CesiumWidget, widgets, Ion token, Scene configuration, SceneMode, factory helpers, geoco...

推論パターンを選択し、根拠サマリーを短く提示するためのプロンプト設計スキル。自己一貫性の比較、推論パターンの適用、説明の明確化を通じて、再現性の高い結論を導く。Anchors:• The Pragmatic Programmer / 適用:...

Build and refactor UI in this repo using Chakra UI v2 + Emotion and the repo theme (`app/theme.ts`). Use for Chakra comp...

Chakra UI — accessible React components. v2/v3 APIs incompatible.

Use when chakra UI React component library — theming, responsive styles, color mode, component composition. Use when wor...