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

Use when adding camera controls to a Three.js scene: orbit, pan, zoom, fly, first-person, or object manipulation. Preven...

Use when loading 3D models (GLTF, FBX, OBJ), textures, or HDR environment maps in Three.js. Prevents the common mistake...

Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU ap...

3D/WebGL con Three.js: modelos GLB, heros 3D, configuradores, partículas, shaders, scroll 3D. TresJS (Vue/Inertia), R3F...

Generate UI design contract (UI-SPEC.md) for frontend phases

Create YouTube and video thumbnail/title creative briefs. Use when Codex is asked to write title packs, thumbnail concep...

Use when developing Thunderbird MailExtensions - Manifest V2/V3 configuration, messenger.* APIs for accounts, messages,...

Create a design document with prototype placeholders for a feature. Includes agent review loop before user approval. Res...

Use to clean up Tailwind class lists: sort them, collapse shorthands, resolve conflicting utilities, turn arbitrary valu...

Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL). Operates directly in...

Generates 3 TikTok short video scripts (40–50s UGC ad style) in German with MANDATORY Chinese translation, plus a biling...

Produce a narrated, illustrated TikTok psychology explainer video for Clarido — from concept ideation through rendered m...

Write short-form video scripts for TikTok, Instagram Reels, and YouTube Shorts that promote affiliate products with stro...

Write TikTok affiliate video scripts using HOOK→PROBLEM→SOLUTION→DEMO→CTA formula. 5 formats (Unboxing, Review, Before/A...

Använd när du bygger en grafisk/prominent länk som presenteras som ett kort eller en knapp — varumärkeslogotyper, ikon+l...

This prompt instructs the AI to act as a time travel consultant who evaluates a user-defined historical era and a specif...

Improve TimerMeet's GUI -- simplicity, clarity, layout, and performance-conscious widget choices. Use when the user asks...

Modular composition of TLA+ specifications using EXTENDS INSTANCE and hiding of internal state. Use when building large...

CLI utility to communicate with other CLI Agents or Scripts in other tmux panes; use it only when user asks you to commu...

Control interactive terminal processes via tmux - launch CLI applications, send input, capture output, wait for completi...

grill-me の対話や事前調査の結果を Plan ファイルに構造化して書き出し、続けて /check-plan で監査する（新しい技術要素が入るときは、先に /premise-check の実行を提案する）。「to-plan」「plan...

Använd när du bygger en e-handelstoast — t.ex. "produkt tillagd i varukorgen" (Add to cart-variant med produktbild) elle...

Använd när du bygger en systemgenererad Toast-notifikation — kortlivad, tidsbaserad feedback på en användaråtgärd (spara...

Offer a choice of response depth (25%/50%/75%/100%) with token estimates before answering, then answer at that level. Us...

Offers the user an informed choice about how much response depth to consume before answering. Use this skill when the us...

Set up or run the token build pipeline — transform the DTCG tokens/*.json (source of truth) into platform artifacts (CSS...

Build or audit semantic design tokens in OKLCH, light and dark. Use when the user says "set up design tokens", "audit th...

Audits whether the colors on a Figma frame or page are bound to design system tokens, and maps and binds hardcoded color...

Audit or establish the project's 3-layer token spine. Invoke when the user asks for tokens on their UI, or mentions 'tok...

Push a codebase's design tokens into Figma as variables and modes. Use when the user says "sync tokens to Figma", "creat...

This prompt instructs an image generator to produce a tilted 3:2, 1993-style disposable-camera flash snapshot of a messy...

Day 2 (Tuesday) move of a Design Sprint that structures lightning demos and the four-step independent solution sketch pr...

MCPツールとAPI統合のセキュリティ設計を体系化するスキル。脅威整理、制御設計、設定検証を通じて安全なツール運用を支援する。Anchors:• Web Application Security / 適用: 脅威モデリング / 目的: 攻撃...

Design systematic decision frameworks for selecting appropriate AI tools (Claude Code vs Gemini CLI)based on context req...

Use when you need concrete UI/UX inputs (palette, typography, landing patterns, UX/a11y constraints) to drive design or...

Run a think-aloud usability study with AI testers and UX research facilitation

Orchestrates design-to-development handoff across Figma, Google Drive, Linear, and Slack MCP servers. Use when user says...

Apply the repo's current design-system contracts correctly. Use semantic tokens, DS component props, and app-level Tailw...

Tool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval req...

At user-specified breakpoints, audit the UI for contrast failures (text/background, icons, controls, focus indicators) a...

Open the app at user-specified viewport widths and systematically detect responsive layout failures (overflow/bleed, cli...

Använd när du lägger till en tooltip på en ikonknapp eller annat element utan synlig text — visas vid hover, aldrig vid...

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "...

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "...

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "...

Expert in point-set topology, algebraic topology, differential geometry, and geometric intuition for abstract concepts

Author and validate DSDS TopologyJSON from architecture descriptions, diagrams, or UI node and edge exports. Use when co...

Implement touch-friendly interactions including proper target sizing, swipe gestures, pull-to-refresh, long-press menus,...