В каталоге 183 730 навыков в 14 категориях.
Use when establishing a grid system for print, web, or mobile layouts to create visual order, alignment, and scalable co...
Interviews the user to settle every design system decision, asking in dependency order and writing an HTML preview for e...
Interview unsettled product and architecture decisions before writing authoritative planning docs.
How a read-only agent inventories an existing product before anything is drawn: its screens, components, flows and data,...
Investigate a bug pattern audit report and design architectural guards (tests, contracts, structural changes) that provi...
CoHalo UI design system guide for building consistent, reusable frontend components. Use when creating new UI components...
Modern UI design principles and guidelines for building clean, professional interfaces. Use when creating any UI compone...
Ensures modern, professional UI design by providing principles for spacing, typography, colors, shadows, and interactive...
Paperclip UI design system guide for building consistent, reusable frontend components. Use when creating new UI compone...
Geetorus UI design system guide for building consistent, reusable frontend components. Use when creating new UI componen...
Use when visual/UX design judgment is needed — color palettes, typography, spacing/hierarchy, theme selection, and apply...
Create or update a design guide or design system specification, usually DESIGN.md, for web or mobile interfaces. Use whe...
MLP Finanzberatung SE Corporate Design System combined with modern UI principles. Use when creating any UI, presentation...
Professional design methodology for building modern, premium interfaces with client branding. Use for ALL client work an...
Comprehensive UI/UX design guidelines covering visual design (typography, color, motion) and user experience (cognitive...
Generate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet coveri...
Facilitates the design-to-development handoff process. Extracts design specs from Figma, generates component documentati...
Create or review a design-to-engineering handoff with intent, responsive behavior, tokens, states, interaction rules, ed...
Create comprehensive developer handoff documentation from designs. Trigger with "handoff to engineering", "developer spe...
Transform feature briefs into structured design briefs that give designers the context they need before opening Figma. U...
Review product designs before engineering handoff or release for flow and state coverage, business-rule alignment, imple...
Эксперт по design handoff. Используй для спецификаций дизайна, Figma annotations и developer handoff.
Use when a screen design was approved (the design task is in done) - the hand-off document implementers build from - com...
Use when handing a design over to developers, writing a design spec, handoff document, redlines or annotations for a scr...
Make interfaces bulletproof — error boundaries, loading states, empty states, text overflow, i18n readiness, offline han...
A decision board for evidence-based calls — the human adjudicates, the agent runs the errands. Three layers (sources → i...
Turn scattered research and ideas into traceable system designs using markdown cards, evidence linking, and a visual can...
Design finalization: generates production-quality Pretext-native HTML/CSS. Works with approved mockups from /design-shot...
[デザイン] （任意）SSOT → 静的HTML を生成し、doc/input/design/html/ に保存
Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)
把批准后的设计稿转成 Pretext-native HTML。支持设计分析、智能 API 路由、 前端框架检测、live reload、验证截图与 refinement loop。 (gstack)
Use when adding or changing HTTP endpoints, or when the frontend needs typed calls — sets the OpenAPI 3.1 contract, RFC...
Use when brainstorming, evaluating ideas, designing architectures, writing technical plans, or choosing between approach...
Explore at least three visual and layout approaches for a specified component, compare their trade-offs against its cont...
Use this skill whenever the user wants to compare a design mockup/wireframe/Figma screenshot with a frontend implementat...
Generate images using AI models — Gemini, DALL·E, Stable Diffusion, Midjourney, Flux, Leonardo, Ideogram, and more. MCP...
Optimize images for web performance — format conversion (WebP, AVIF), responsive sizing, compression, background removal...
You are an **Image Prompt Engineer**, an expert specialist in crafting detailed, evocative prompts for AI image generati...
Facilitates the Impact movement of a Tutti design session. Use after the Frame movement to work out the goal, the actors...
Anti-pattern detector and design rules for AI coding agents. Catches the specific mistakes AI makes when generating UI:...
Systematic design optimization for young-personal-site following established design principles. Ensures consistent color...
- **Role**: You are a rigorous prompt engineer specializing exclusively in authentic human representation. Your domain i...
Generate table of contents for design documentation. Use when creating navigation, documentation overview, or module ind...
Extract evidence-grounded project facts from user-provided design attachments, identify missing information, and prepare...
Initialize new design documentation from templates. Use when creating new design docs, documenting new systems, starting...
Curated collection of top-tier website designs organized by category, style, and pattern. Includes SaaS, marketing, e-co...
Map the Scholar method onto a new domain. Interviews the owner through the eight configuring questions (goal, unit, fide...
Use when the user posts an X/Twitter post, video or repo link of someone's design or effect to study: save the source, p...
Skill de Inteligencia de Design Competitivo e Geracao de UI. Use quando precisar pesquisar concorrentes, analisar tenden...
Creates accurate frontend implementations from visual references while maintaining design consistency. Use when user pro...
Use when designing or reviewing transitions, gestures, and state-change motion across web, mobile, and desktop interface...
実装の前に、呼び出し側の使い方、型、関数名、モジュールの分け方を決めてユーザーと合意し、合意した形に沿って実装する skill。
Design how an interface acknowledges people, with response timing budgets, waiting and progress patterns, success and fa...
Micro-detail polish for emisar's rendered UI — the small craft that makes an interface feel finished: optical alignment,...
The door into interior work, and the step that is usually missing: before partitions, ceilings, millwork or finishes are...
Deep Socratic interview for interior design projects — gathers crystal-clear design requirements with ambiguity scoring...
4-step framework for system design interviews. Use when preparing for technical interviews, practicing whiteboard design...
Use when designing an iOS or macOS screen or flow — deliverable is a device/window-framed HTML mockup and handoff spec,...
Use when designing a screen or flow for any Apple platform — iPhone (incl. iPhone Duo), iPad, Mac, Apple Watch, Apple TV...
Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of thr...
Routes frontend design tasks to 48 specific UI styles. Triggers for websites, app screens, or UI components requesting a...
Generates and compares design alternatives before committing. Use when the user asks to design something twice, before c...
Use when a UI interaction or architecture decision has no precedent in the codebase and the right answer isn't obvious....
Design playbook for web, Android and iOS. Improves, audits, polishes, redesigns or extends UI, a design system or brand...
One-fix-at-a-time, approval-gated design fix recovery. Given a checklist of fixes (handover doc, CHECKLIST.md, or inline...
Refine and improve designs based on feedback, testing, and evolving requirements through iterative cycles. Use for: inco...
Use this skill PROACTIVELY when design work isn't coming together on the first attempt. If you've made 1-2 design change...
Designs and implements state transition analysis systems for tracking time spent in different states. Use when analyzing...
Shared support package for the Design Judge skill collection. Install it with design-award-search and design-award-match...
Evidence-driven agent skills for design award research, evaluation, matching, entry preparation, and submission checks a...
Digital equity and trauma-informed design for marginalized populations. Activate on "accessibility", "offline-first", "t...
Preserve and evolve kanban-md table, compact, and JSON output contracts. Use when changing output defaults, format-selec...
Custom design system for a macOS SwiftUI app with its own parts, not Apple's, covering three token layers, type, an icon...
Lays out a domestic or small commercial kitchen from the sequence of work rather than from a triangle: where things arri...
Audit a project's interface against a 5-level design sophistication scale, propose options, then split the chosen work i...
Generate cross-reference graph showing relationships between design documents. Use when visualizing doc dependencies, fi...
결정론적(no-LLM) 디자인 안티패턴 린터. 렌더된 HTML/CSS(또는 standalone 프로토타입 HTML, 라이브 URL)를 DESIGN-TOKENS.md Ground Truth 대비 검사해 토큰 위생·색/...
Design or audit an evaluation for an LLM feature, agent, retrieval flow, or prompt using representative tasks, reference...
Design logistics barcode and scan-flow concepts for process steps, identifiers, labels, validation points, exceptions, a...
Design source-backed logistics unit identification concepts across items, cases, cartons, pallets, locations, parties, s...
Design an atom or screen in OpenPencil, implement it with a Storybook story, ship it. Use when asked to design, mock up,...
Raise the visual quality of something that renders through a build, screenshot, independent scored critique and fix loop...
Autonomous multi-page site builder using a baton-passing loop. Each iteration reads a task from .design/next-prompt.md,...
Direct product, brand, website, landing-page, dashboard, and interface design work from brief to handoff. Use when ChatG...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web comp...
在规划和实现前，为 Agent Harness 5.0 创建或细化设计产物。
Design or audit marketing measurement with decision questions, event semantics, identity boundaries, consent constraints...
平面设计主控 - 自动生成平面设计提示词，支持海报、logo、插画等多种设计类型
Deep knowledge of legendary designers and their enduring contributions. Learn from Saul Bass, Massimo Vignelli, Dieter R...
Master advanced design patterns to create stunning, premium-quality user interfaces that wow users at first glance.
World-class design system with extensible business type registry. Automatically selects appropriate design patterns base...
Design a Zoom MCP workflow for Claude. Use when deciding whether Zoom MCP fits a task, when planning tool-based AI workf...
Use for visual artifacts or beautification when internal VIS may apply. Required when the user requests internal VIS; sk...
AI UI 设计系统助手。当用户需要生成特定品牌风格的 UI、选择设计系统、应用设计规范、让页面看起来像某个知名网站、或提到 DESIGN.md 时使用。支持 68 个品牌风格（内置离线模板），包括 Stripe、Vercel、Airbnb...
Author, validate, diff, and export DESIGN.md files — Google's open-source format spec that gives coding agents a persist...
Use when the user wants the UI to look like a known brand or product (Vercel, Linear, Stripe, Apple, Spotify, OpenAI, Cu...
Author/validate/export Google's DESIGN.md token spec files.
Drop-in DESIGN.md design-system files for 71 popular brands (Claude, Linear, Stripe, Vercel, Apple, Figma, Tesla…). Use...
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Generate a DESIGN.md file that conforms to the Stitch (Google Labs) design.md alpha spec. Auto-discovers the project's d...