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

Use when the user asks to set up, create, or initialize context files for a project - triggered by phrases like "create...

기존 프로젝트 코드베이스에서 디자인 시스템을 역추출해 docs/design/ Ground Truth 파일(DESIGN-TOKENS.md·UX-BRIEF.md)을 생성한다. UI 프리비전이나 리디자인 파이프라인을 거치...

当系统提示需要防御提示注入、越狱攻击、社会工程、内容信任边界突破等安全威胁时调用此 Skill。适用于构建 AI Agent、聊天机器人、文档处理助手等任何接受外部输入的系统提示。不适用于纯内部工具调用场景或已完全隔离的沙箱环境，也不适用于...

Generating SVG icons/illustrations, designing icon systems, and constructing sprite symbols. Use when vector assets are...

Use when building terminal UIs with Ink component patterns for React-based CLI applications.

Builds a seamless two-colour Canvas 2D loop in which a round pen writes a thick cursive scribble whose width breathes wi...

Use when managing state and side effects in Ink applications using React hooks for terminal UIs.

Använd när du bygger en länk inuti en mening eller ett textblock — alltid understruken i enabled-läge, aldrig med ikon.

Använd när du bygger en inline-notifikation som ska ligga kvar i sidkontext tills användaren agerar eller tillståndet fö...

This skill should be used when the user wants to design, prototype, or build anything branded for INOV8 Orthopedics or I...

Använd när du bygger eller granskar textinputfält — storlekar (Large/Small/XSmall), samtliga states (enabled/hover/activ...

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. Use for hero sections, 3D effects, inte...

Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns. Use when you have specifi...

Guidance for setting up legacy Windows VMs (like Windows 3.11) in QEMU with web-based remote access via noVNC. This skil...

Guidance for installing and running Windows 3.11 in QEMU with VNC access and web-based noVNC interface. This skill shoul...

Мгновенное ретро — саммари всей работы с момента последнего ретро. Показывает что сделано (по доменам), что НЕ доделано,...

Build a BenAI-branded HTML page in the neo-brutalist instant-ui design language (cream background, near-black ink, 3px h...

Maps a research paper or scientific concept onto the universe's physics, showing the chain from real principle to canon...

Pre/post-operation validation to detect missing components and prevent future issues

The entry point for Intent, a UX and design strategy system. Sets project context, routes to specialized skills, and loa...

Model responsive or context-dependent UI by storing only durable user intent and deriving the rendered selection from th...

Infer the right browser UI from a user's natural-language intent, goal, task, screenshot inspiration, or desired outcome...

Local preserved variant of intent-html-renderer from ~/.agents/skills. Use only when the user explicitly asks for the lo...

AI生成UIの没個性的パターン（AIスロップ美学）を検出・回避し、文脈に根ざした意図あるデザインを生成するためのガード。フロントエンドのUI実装、デザイン生成、コンポーネント設計、CSSスタイリング、カラーパレット選定、フォント選択、レイア...

Build the curated interactive SET the Editor approved: the ONE narrative-bound hero centerpiece (an explorable/scrollyte...

Design meaningful interactions and microinteractions. Create delightful user experiences through thoughtful animation, f...

Design meaningful interactions, microinteractions, animations, state machines, gesture patterns, error prevention, and p...

Create rich, responsive interactive experiences that make applications a joy to use. Use this skill when building compon...

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish t...

User flow design, micro-interactions, and interface behavior patterns with state management for all interaction conditio...

Design intuitive, meaningful interactions grounded in user goals and cognitive principles. Use when designing component...

Apply interaction design (IxD) principles and frameworks to product and service design work. Use this skill when designi...

This skill should be used when the user wants clear visual feedback for async actions and state changes — triggers like...

Use when deciding how users interact with UI elements — expand vs navigate, modal vs bottom sheet, swipe gestures, tap t...

Elevate the feel, polish, and 'juice' of UI interactions and animations, in the craft tradition of Emil Kowalski (sonner...

Ingest JS-heavy external pages into StaticFlow as standalone local interactive mirrors backed by LanceDB assets, with bi...

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experi...

Designing in-product tours, tooltips, and contextual help that teach product capabilities without becoming friction. Tri...

Designs interactive theatrical experiences with branching narratives, audience participation systems, and immersive envi...

This skill provides comprehensive support for the writing process from ideation through revision. Use this skill when he...

Detect UX antipatterns using the uxuiprinciples smell taxonomy and structured remediation guidance.

Raises the visual and interaction quality of an interface — layout, hierarchy, type, spacing, density, and the details t...

Interface Craft by Josh Puckett — a toolkit for building polished, animated interfaces in React. Includes Storyboard Ani...

Critique an interface or component idea against Vitrine's quality bar (familiar job, new physics, meaningful motion, sta...

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing...

Own interface planning for approved product experiences: macrostructure, screen composition, hierarchy, art direction, v...

Use when producing or auditing a mockup, or deciding an interface's shape before it is coded: containers, states, design...

Review Rust interfaces for ease of correct use and resistance to misuse, applying "make interfaces easy to use correctly...