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

[Design & Content] Create an immersive design

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

Generate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet coveri...

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

Use when a screen design was approved (the design task is in done) - the hand-off document implementers build from - com...

Make interfaces bulletproof — error boundaries, loading states, empty states, text overflow, i18n readiness, offline han...

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

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

Generate table of contents for design documentation. Use when creating navigation, documentation overview, or module ind...

Initialize new design documentation from templates. Use when creating new design docs, documenting new systems, starting...

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

Use when designing or reviewing transitions, gestures, and state-change motion across web, mobile, and desktop interface...

Micro-detail polish for emisar's rendered UI — the small craft that makes an interface feel finished: optical alignment,...

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

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

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

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web comp...

平面设计主控 - 自动生成平面设计提示词，支持海报、logo、插画等多种设计类型

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

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

Use when creating, auditing, or applying a DESIGN.md specification file for a project to guide AI coding agents in gener...

Create, fetch, validate, or export DESIGN.md design system files in the Google Stitch 9-section format. Fetch reference...