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

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), C...

Business model design using Osterwalder's Business Model Canvas and Lean Canvas. Creates 9-block canvases with structure...

Complete Business Model Canvas design with all 9 blocks analyzed. Transforms validated ideas into viable business models...

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, o...

Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should thi...

Design a detailed value proposition using a 6-part JTBD template — Who, Why, What before, How, What after, Alternatives....

Använd när du bygger, ändrar eller granskar knappar (<button>, CTA:er) i swedol-ui-prototype — alla varianter (Primary/S...

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names...

Every interactive element needs a complete set of visual states — rest, hover, active/pressed, focus, disabled, and load...

Builds the equity story the next owner will actually underwrite -- a de-risking ledger, the runway deliberately left une...

This skill should be used when the user asks to "adopt C3", "onboard me to architecture", "scaffold C3 docs", "init C3",...

Generate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diagrams, doc...

- Working on c4 component level: [component name] tasks or workflows

Generate C4 architecture diagrams from system notes

Extracción de sistemas de diseño, tokens de interfaz (colores, tipografía, espaciado) y generación de código Vanilla CSS...

Vercel deployment workflow for CA Lobby React app with Clerk auth and BigQuery backend. Use when deploying CA Lobby, tro...

Quy trình refactor portal thành độc lập: phân tích dependencies vào src/shared, copy chính xác các file cần thiết vào po...

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

This prompt instructs an image-generation workflow to produce a single high‑resolution, cinematic night portrait of the...

Use when fixing CSS/JS on a Cafe24 mall with NO FTP integration and no local code mirror — the user gives only a live/te...

Use when updating or verifying UI of a Cafe24-based project against a Figma spec — user provides a test server URL and a...

This prompt instructs an image model to generate a vertical, ultra-photorealistic Y2K-era bedroom mirror selfie with a c...

Callabo 서비스들을 tmux로 한번에 실행합니다. callabo-server, scheduler, callabo-webapp, magi를 4개의 pane으로 구성하여 개발 환경을 빠르게 시작합니다.

Use Checklist Design as a focused UX and UI quality gate when Codex designs, implements, reviews, or refines mobile apps...

Lightweight frontend motion reference inspired by transitions.dev. Use when Codex needs to pick or describe tasteful UI...

Use when a web page must record itself to video. Camera & Action — the in-page recorder: makes any web page (canvas, Web...

Implement camera, photo, live vision, audio, voice, and AI-assisted pipelines for Meta AI glasses while respecting SDK c...

Approved table usage rules. Use when configuring, migrating, or reviewing MatrxDataTable columns, toolbars, or paginatio...

MCP skill for canva. Provides 22 tools: upload-asset-from-url, resolve-shortlink, search-designs, get-design, get-design...

Create, export, and manage Canva designs via the Connect API. Generate social posts, carousels, and graphics programmati...

Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill. Always search tools...

Translate all text in a Canva design to another language, creating a translated copy. Faster than manually copying and e...

Create and edit Obsidian Canvas files for architecture visualization

A visualization agent that converts code, design, and context into Mermaid diagrams, ASCII art, or draw.io. It reverse-e...

Draw 2D graphics with the HTML5 Canvas API — shapes, text, images, gradients, transformations, pixel manipulation, and o...

Generates paste-ready Power Apps Canvas App YAML. Invoke when the user wants to replicate a UI mockup, improve an existi...

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user...

Create beautiful visual art in .png and .pdf documents using design philosophy. Use this skill when the user asks to cre...

Creating static visual art — posters, marketing visuals, brand assets, PDF/PNG design pieces — on 'design a poster' or '...

Create visual designs, graphics, and layouts using HTML Canvas API or design tools for data visualization, graphics, ani...

（中文）Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the u...

使用设计哲学创作精美的 .png 和 .pdf 格式视觉艺术作品。当用户要求创作海报、艺术品、设计作品或其他静态作品时，应使用此技能。创作原创视觉设计，切勿复制现有艺术家的作品以避免版权侵权。

使用设计哲学创建精美的 .png 和 .pdf 文档视觉艺术。当用户要求创建海报、艺术作品、设计或其他静态作品时，您应该使用此技能。创建原创的视觉设计，绝不复制现有艺术家的作品以避免侵犯版权。

Generate museum-quality visual designs in PNG and PDF formats by establishing an aesthetic philosophy then expressing it...

Create and edit designs using Canvas API.

Visual art and static design creation. Outputs: .png, .pdf documents. Capabilities: poster design, infographics, visual...

Japanese-inspired canvas and graphic design skill for HTML5 Canvas and SVG, covering traditional aesthetics (ma, wabi-sa...

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user...