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

Implement or extend a user-facing workflow in a web application, integrating with existing backend APIs. Use when the fe...

Generate structured task lists from specs or requirements. IMPORTANT: After completing ANY spec via ExitSpecMode, ALWAYS...

Build Next.js 16 applications with correct patterns and distinctive design. Use when creating pages, layouts, dynamic ro...

Zero-config animations for React, Vue, Solid, Svelte, Preact with @formkit/auto-animate (3.28kb).Prevents 10+ documented...

Run LLMs and AI models on Cloudflare's global GPU network with Workers AI. Includes Llama 4, Gemma 3, Mistral 3.1,Flux i...

Build sophisticated React animations with Motion (formerly Framer Motion) - declarative animations, gestures (drag, hove...

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step mandatory pattern...

Use when you need to run interactive CLI tools (vim, git rebase -i, Python REPL, etc.) that require real-time input/outp...

Svelte runes guidance. Use for reactive state, props, effects, attachments, or migration. Covers $state, $derived, $effe...

SvelteKit remote functions guidance. Use for command(), query(), form() patterns in .remote.ts files.

SvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nes...

Generate nested AGENTS.md coding guidelines per module (monorepo-aware), detect languages/tooling, ask architecture pref...

Plan work before coding: do repo research, analyze options/risks, and ask clarifying questions before proposing an imple...

Guide a safe git rebase of the current branch onto a target branch, including conflict triage and resolution steps. Use...

Quick persona switching. Triggers: 'switch persona', 'switch to X', 'become X'. Lists personas, reads selected file, swi...

Implements authentication and payment features using Clerk, Supabase Auth, or Stripe. Use when user mentions ログイン, 認証, a...

Guides diagnosis and resolution when problems occur. Use when user mentions 動かない, エラーが出た, 壊れた, うまくいかない, broken, doesn't...

Generates UI components and feedback forms. Use when user mentions コンポーネント, component, UI, ヒーロー, hero, フォーム, form, フィードバ...

Interactive feature development workflow from idea to implementation. Creates requirements (EARS format), design documen...

Create or edit a Cline Skill with guided assistance and best practices

Interactive browser automation via Chrome DevTools Protocol. Use when you need to interact with web pages, test frontend...

Expert guidance for writing secure, reliable, and performant Claude Code hooks - validates design decisions, enforces be...

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate...

Use when creating Continue rules - provides required name field, alwaysApply semantics, glob/regex patterns, and markdow...

Expert guidance for creating effective Cursor slash commands with best practices, format requirements, and schema valida...

Expert guidance for creating effective Cursor IDE rules with best practices, patterns, and examples

Best practices for structuring prpm.json package manifests with required fields, tags, organization, multi-package manag...

Personalize COG for your workflow - creates profile, interests, and watchlist files with guided setup (run this first!)

Design robust error handling strategies including try-catch blocks, custom error classes, error boundaries, graceful deg...

Design and create Claude Skills using progressive disclosure principles. Use when building new skills, planning skill ar...

Architectural reasoning framework: requirements analysis, trade-off evaluation, and ADR-based decision documentation. NO...

Use when designing system architecture, making high-level technical decisions, or planning major system changes. Focuses...

Creates simple Three.js web apps with scene setup, lighting, geometries, materials, animations, and responsive rendering...

Documentation creation criteria including PRD, ADR, Design Doc, and Work Plan requirements with templates. Use when crea...

Frontend-specific technical decision criteria, anti-patterns, debugging techniques, and quality check workflow. Use when...

Guides subagent coordination through implementation workflows. Use when orchestrating multiple agents, managing workflow...

Frontend testing rules with Vitest, React Testing Library, and MSW. Includes coverage requirements, test design principl...

Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. A...

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

Guidelines for writing conventional commit messages that follow project standards and trigger automated releases

フロントエンドUIデザインを洗練された独自性のあるスタイルで生成します。ランディングページ、ダッシュボード、Webアプリケーションのデザイン、UIコンポーネント作成時に使用してください。「AIっぽい」汎用デザインを避け、プロフェッショナルで...

Guide for creating new AEM Edge Delivery blocks or modifying existing blocks. Use this skill whenever you are creating a...

Use when design is complete and you need detailed implementation tasks for engineers with zero codebase context - create...

Deployment architecture, multi-tenancy design, and environment-specific deployment commands. Use when the user asks abou...

Working with the Navigator Go submodule for web server fixes and enhancements. Use when deployment plans require Navigat...

This skill should be used when managing objectives - coherent goals that require 2+ plans/PRs to complete. Use when user...

Expertise in mobile responsiveness, specifically table patterns and standard UI component styling.

Generate comprehensive implementation plans for features. Use when user requests "help me implement X", "create a plan f...