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

Author, revise, or review visual DESIGN.md/design.md files, or explain an interface's visual rules without edits. Use so...

Chrome extension that extracts design systems from websites and generates DESIGN.md or SKILL.md files for AI coding agen...

Validate DESIGN.md files against the official Google specification using the `@google/design.md` CLI linter. Works with...

Write or audit a visual-identity DESIGN.md: design tokens plus rationale in the Google Labs format, for UI agents. Use w...

Design comprehensive metadata frameworks. Develops structured metadata templates and tagging systems.

Apply systematic design methodologies from leading institutions for wellbeing-centered design. Use when structuring desi...

Use when the user explicitly asks for a standalone HTML page in a restrained minimal style, especially reading-first das...

Replicate the visual style of any website and apply it to your existing codebase. Use this skill whenever the user wants...

Use ONLY when the user asks to design mobile app screens with Sleek, edit a Sleek project, or implement a Sleek design i...

Build and present HTML/CSS design mockups with a local preview server. Use when prototyping website designs, iterating o...

Use when adding or reviewing motion on an already-settled layout or component — never to hide or compensate for an unfin...

Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use wh...

Context-aware motion design skill with build and audit modes, applying three distinct philosophies from Emil Kowalski, J...

Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — bu...

Motion through Kowalski, Krehel and Jhey lenses.

Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use wh...

Run design sprints, manage handoff, establish team rituals, documentation standards, and design QA processes. Covers the...

Use when working with DESIGN:OS 3D Blender Agent — Parametric 3D mechanical parts generator, headless Blender Python (`b...

Design direction and implementation-ready UI plans. Use before building components, pages, or design systems.

Reference library of proven UI design patterns, component templates, and sector-specific conventions for high-quality de...

GoFの行動パターンを用いて、オブジェクト間の責務分散と通信設計を支援するスキル。パターン選定、実装方針、検証手順を体系化する。Anchors:• Design Patterns / 適用: 行動パターンの設計理論 / 目的: 相互作用の整...

Design phase with validation gates. Annotates PRD, creates story outlines, builds execution plan (via execution-plan-cre...

아프로디테 디자인 오케스트레이터. 사이트 벤치마크 해부, 사용자 과업·메시지·CTA·신뢰·모바일 변환을 담은 Experience Contract, 실제 렌더 방향 탐색, DESIGN.md, 구현, 미학·UX·성능·접...

Establishes visual design language and screen contracts between project scope docs and phase-planner. Produces docs/desi...

Use when a frontend has placeholder assets (data-asset attributes, empty image slots) and needs real generated visuals....

Final quality pass fixing alignment, spacing, consistency, interaction states, and micro-details before shipping. Execut...

Render→look→diagnose→fix loop for making a live web UI look right, judged from rendered pixels instead of class names/to...

Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards...

Swiss International Style for Resume Matcher. Invoke ONLY when designing new UI components or modifying existing compone...

Use this skill when designing UI/UX, creating dashboards, building SaaS interfaces, or reviewing frontend design. Provid...

Frames a design problem before layout, visual direction, or interface exploration begins. Use when a brief, redesign req...

Generate a PROFESSIONAL Claude Design brief (token contract + anti-vibe-coding constraints) as a clean copy-paste .md. U...

Advanced 7-step hierarchical design prompt generator for AI web development tools (Lovable, Cursor, Bolt). Generates dom...

Build a component in Figma with every variant and state from its contract, using design-system tokens and the chosen app...

Use before building or changing any screen (a new page, dialog, panel, or a visual rework), to design it first as a prot...

Web UX & Conversion Psychology framework based on Self-Made Web Designer (Chris McCoy) and Ran Segall (Flux Academy). Im...

Use when a UI screen, page or component is about to be called done, handed off or shipped, or when generated UI looks ge...

Internal prototype QA helper. Use only after a Product Design prototype, URL-to-code build, or image-to-code build has a...

Rigorous visual QA and polish pass over a component, a page, or a sweep across several. Renders the target in both theme...

Agent profile for final UI/UX QA before shipping visible design, web design, app screens, or 3D web UI.

UI design review and QA tool for comparing design mockups against implementation screenshots to check visual restoration...

Visual QC of a running UI — captures screenshots via `openwolf designqc`, then reviews them against modern UI standards...

Turns settled design decisions into Tailwind theme tokens, a DESIGN.md file that states the rules for future agents, and...

Audit et modernisation d'un site ou d'une page web existants de {{COMPANY_NAME}} (ou d'un client) sans casser le fonctio...

Gather Linear + GitHub context and confirm the target platform before generating any brand-new UI screen/design, in Figm...

Conduct foundational research to understand project context, user needs, business goals, and constraints before design b...

Review UI components for design system compliance, accessibility, and visual consistency

Audit the UI and UX of what we are working on at a chosen level of polish, open the proposed changes in vstack:review fo...