Каталог навыков агентов

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...

Remove historical cruft from design docs. Use when docs accumulate outdated content, after major refactorings, or when p...

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...

Set up or run design QA gates — token + hardcoded-value lint, automated a11y (axe), contrast, visual regression across v...

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...

Use this skill for scored UI audit, spacing, alignment, states, contrast, hierarchy, polish checklist. Trigger when the...

Skill providing design QA checklists and principles for visual review across lanes. Used by design-review agents to enfo...

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

Design a guide, template, benchmark, checklist, diagnostic, or resource that creates standalone value and attracts quali...

Use when building LLM applications that need to answer questions about proprietary, recent, or domain-specific knowledge...

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

Investigate why code is shaped this way. Git and PRs first, then every evidence category that actually exists (tickets,...

Help designers articulate the cognitive science, behavioral psychology, and platform standards behind their design decis...

<!-- PM-Skills | https://github.com/product-on-purpose/pm-skills | Apache 2.0 -->

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

Design or audit a customer referral, affiliate, or ambassador program using product fit, participant value, consent, inc...

Use when rendering_target.md exists and you need a renderer architecture spec. Triggers: 'renderer spec', 'renderer arch...

Generate status reports for design documentation. Use when creating documentation summaries, tracking progress, or prepa...

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

Conduct research and create design documents before implementation. Use when analyzing requirements, exploring solutions...

Retrieve and analyze real visual references for a design decision. Triggers on "design references", "设计参考".

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

Run the AIgent render, rank, repair, and verification loop on a website, deck, or product interface while preserving pro...

Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts,touch optimization, and creat...

Specify how one interface serves every viewport through content-driven breakpoints measured in the right frame (viewport...

> Responsive tasarım ve modern CSS özellikleri.

Design reverse-logistics flow from return types, channels, facility process, disposition paths, systems, controls, and r...

Adversarial art-direction, UX, copy, SEO, accessibility, and implementation review for emisar marketing website pages. U...

Reviews one design document for completeness, internal consistency, implementability, and design standards. Before handi...

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...

Review problem statements and decision matrices

Orchestrates a structured design review by running existing skills in a diagnostic funnel, from complexity triage throug...

Run a structured design critique against the brief and codebase. Checks visual hierarchy, consistency, responsiveness, a...

Prepare for or document design review

Review a built frontend against its chosen direction, catch drift back to generic AI defaults, enforce state coverage, e...

When the user says "review the design", "check the UI", or wants a comprehensive UI/UX review. 7 phases: interaction, re...

Evaluate and refine UI the way a senior product designer would, visual hierarchy, spacing and rhythm, typographic scale,...

Use when a design deliverable is about to be reported done — the final quality gate after design-motion or a mobile mock...

对设计文档做结构化评审，产出按严重度分级的问题清单与修改建议（优先识别 design-craft 格式，兼容任意格式）。触发："评审设计"、"review 设计文档"、"设计评审"、"design review"、"帮我看看这个设计"。

Review a game design document for completeness, consistency, implementability, and design quality.

Reviews a game design document for completeness, internal consistency, implementability, and adherence to project design...

Review a web app or page for visual design quality — layout, typography, spacing, colour, hierarchy, consistency, intera...

Facilitate design critiques and reviews with stakeholders, team members, and users to gather feedback. Use for: design p...

Comprehensive UI/UX design review with live environment testing, responsive validation, accessibility compliance (WCAG 2...

Review UI for anti-AI-slop compliance

Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactio...

Réviser et corriger l'UI des livrables web de {{COMPANY_NAME}} (landing pages, pages statiques, emails HTML riches, dash...

Use when a design task asks you to compare a built screen with its approved design - screenshots at 1440, 768 and 375 at...

Review a technical design / migration AgDR / feature spec for architectural soundness BEFORE the Build phase. Invokes th...

Designer Who Codes: visual audit then fixes with atomic commits and before/after screenshots. Useful for tightening ship...

Critique a design on layout, accessibility, responsiveness, dark mode and edge cases, with Pass, Needs work or Fail verd...

Review UI implementation for design consistency, visual quality, AI-slop detection, and responsive behavior. Use when ev...

Reviews a CDD for completeness, internal consistency, implementability, and adherence to project design standards. Suppo...

Review or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table....

Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactio...

Review and analyze design docs for health, quality, and improvement opportunities. Use when auditing design documentatio...

7-phase frontend design review with accessibility (WCAG 2.1 AA), responsive testing, visual polish. Use for PR reviews,...

Review code for SOLID violations, design pattern misuse, tight coupling, and architectural boundary violations. Auto-inv...

Live-site visual QA audit with fix loop. 10-category checklist (~80 items) including AI Slop Detection (10 blacklisted p...

デザインシステム準拠を 7 カテゴリ・重大度判定でレビューする統合スキル。 `.tsx` ファイルは `--visual` で Playwright 視覚検証（light/dark × desktop/mobile）＋ 静的 lint を追...

画面設計書とSwiftUIデザインガイドに対して現在の実装の準拠状況をレビューする

Use when reviewing or critiquing a UI design, screen, mockup, wireframe, Figma frame or screenshot, asking "what's wrong...

设计审计 -> 修复 -> 再验证的闭环。支持 full / quick / deep / diff-aware / regression 模式，带 80 项检查表、fix loop、回归验证与最终报告。 (gstack)

Revisa una propuesta de UI/UX de Temp League contra el design brain, los tokens y las reglas de producto. Úsalo cuando a...

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

Parallel design review by 6 specialist agents (PM, Architect, Designer, Security Design, UX, CTO) with mandatory unanimo...

Routes a non-coding design review through the smallest useful sequence of framing, critique, exploration, specialist per...

Review UI/UX, DESIGN.md, plans, and implementations with evidence-based PASS, PASS WITH FIXES, or FAIL verdicts. Use for...

Reviews design docs before implementation. Two stages: spec completeness (scenarios, edge cases, integration gaps) and f...

Copilot agent that assists with systematic design review using ATAM (Architecture Tradeoff Analysis Method), SOLID princ...

Universal micro-UI/UX design & engineering rules based on Kole Jain, Chris McCoy, Ran Segall, and Satori Graphics' frame...

Design or audit a programmatic SEO system using reliable data, a real repeated user job, differentiated page value, temp...

ScalarDB設計エージェント - ScalarDB Clusterを使用したマイクロサービスのデータアーキテクチャ設計。分散トランザクション、スキーマ設計、ポリグロット永続化を策定。/design-scalardb [対象パス] で呼び...

ScalarDB Analytics設計エージェント - ScalarDB Analyticsを使用した分析基盤の設計。Apache Sparkベースの分析クエリ、マルチDB横断分析を策定。/design-scalardb-analytic...

Design complete database schemas with tables, relationships, constraints, and indexes for Supabase. Triggers when user d...

Supports structuring DSR (Design Science Research) papers, distinguishing existence proofs from causal claims, and manag...

Evaluate and score designs against objective criteria including usability, aesthetics, accessibility, and business goals...

Design or build a page, screen, landing page, website, app or UI from a request - the whole job, end to end. Use this fo...

Use when generating screen/scene management architecture from screen flow definition and rendering target. Triggers: 'sc...

[Design] Create a design based on screenshot

[Design & Content] Create a design based on screenshot

Inspect Figma links through MCP or browser computer use, or analyze screenshots and selected-layer properties. Produce f...

Full-text search across design documentation. Use when looking for specific topics, decisions, or patterns documented ac...

Use when designing a search feature for a website or application — to structure the input, autocomplete, results list, a...

Manage the NV oOS Pro Toolkit Security Operations system — audit events, security training, maintenance windows, and inc...

Compose interfaces that hold together — skeleton before aesthetics, one alignment per row, sizing by declaration. Use wh...

Optimize WooCommerce product pages, category pages, and site content for search engines. Covers keyword research, meta t...

Manage service components and approval workflows in the NV oOS Pro Toolkit. Covers service component registration, depen...

Interviews the owner, one topic at a time, and writes `.claude/rules/design.md` — the design system, per-platform settin...