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

Create an energetic EVENT PROMO VIDEO as one self-contained HTML file: the event name popping in, date, time and place,...

Event Storming Big Picture on a bounded context or the whole project. Explores code to discover domain events, commands,...

Event system patterns — C# events, UnityEvent, SO event channels, static EventBus. When to use each, zero-allocation pat...

当使用者说"给我们的活动做个网站"、"展会/开放日/校园导览/博物馆/市集要一个手机导览站"、"做个可以拖动的 3D 楼层图"、"展位地图和路线导航"、"每个展商/学校一页"、"像 College Fair 那个网站一样好看"时使用。适用于...

Facilitate interactive brainstorming sessions using diverse creative techniques and ideation methods. Use when the user...

Plan UX patterns and design specifications. Use when the user says "lets create UX design" or "create UX specifications"...

This skill enables makepad-skills to self-improve continuously during development.

Capture positive evolutions from epic execution. Detects new components, fields, patterns, and capabilities added during...

Find web content similar to a given URL using AI-powered similarity matching. Use when you have an example page and want...

Use this skill when required to run the example script.

Patterns for using Helios with React. Use when building compositions in a React environment.

Patterns for using Helios with SolidJS. Use when building compositions in a SolidJS environment, utilizing signals for f...

Learn how to use Tailwind CSS with Helios. Use for styling compositions and animating with utility classes.

Patterns for using Helios with Three.js and React Three Fiber. Use when creating 3D animations or integrating WebGL scen...

Use when demonstrating plugin workflow features - shows how skills can guide multi-step processes

Work with .excalidraw and .excalidraw.json diagrams, including reading, explaining, comparing, creating, and editing the...

Create and design Excalidraw diagrams, especially architecture diagrams for software, cloud (AWS, Azure, GCP), databases...

Create professional diagrams and visualizations using Excalidraw JSON format. Specialized for IT architecture diagrams,...

Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, archite...

[Utilities] Use when the user wants to visualize workflows, architectures, or concepts as Excalidraw diagram JSON files.

Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to create, draw, sketch, or vis...

Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart...

Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, archite...

Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explainin...

Generate hand-drawn style diagrams from natural language using Excalidraw, rendered to PNG/SVG via headless Playwright.

Generate Excalidraw-style whiteboard slide prompts for YouTube videos (Hormozi aesthetic).

ดำเนินงานUX/UIเรื่องวิเคราะห์ผู้ใช้ ตามแผนที่ยืนยันแล้ว ใช้เมื่อมี input ครบและคำสั่งอยู่ใน allowlist พร้อมตรวจผลลัพธ์แล...

ดำเนินงานUX/UIเรื่องวาง user flow ตามแผนที่ยืนยันแล้ว ใช้เมื่อมี input ครบและคำสั่งอยู่ใน allowlist พร้อมตรวจผลลัพธ์และร...

ดำเนินงานUX/UIเรื่องออกแบบ wireframe ตามแผนที่ยืนยันแล้ว ใช้เมื่อมี input ครบและคำสั่งอยู่ใน allowlist พร้อมตรวจผลลัพธ์แ...

ดำเนินงานUX/UIเรื่องออกแบบ form ตามแผนที่ยืนยันแล้ว ใช้เมื่อมี input ครบและคำสั่งอยู่ใน allowlist พร้อมตรวจผลลัพธ์และราย...

Executes production HTML and React artifacts from Loxihart or FlashFusion brand token profiles. Runs mandatory 5-questio...

Guide execution plan creation using the standard template. Execution plan organizes user stories into waves with agent a...

Turns a finished analysis into an executive-ready storyline using the Pyramid Principle: governing thought stated first,...

Build and use reusable interactive exercise islands for this Lessons site — multiple-choice and multi-answer questions,...

Anti-AI-slop design system for distinctive, premium interfaces. Bold typography, dark-first #060610, fluid clamp() type,...

Use this skill to analyze a Salesforce Aura component bundle (.cmp, .app, .evt, .intf, Controller.js, Helper.js, Rendere...

Renders, embeds, or displays existing Salesforce CMS content in a React or Angular uiBundle app: installs the CMS toolki...

Use this skill to run a visual-craft audit of a rendered UI and produce an evidence-grounded Craft Report across Useful,...

Use when a product, UX, or scope tradeoff comes up. Pick what's better for the person using it over what's easier to bui...

Lightning Web Components with PICKLES methodology and 165-point scoring. Use this skill when the user creates or edits L...

Migrate legacy Salesforce UI stacks onto modern LWC — Aura → LWC conversion completeness verification and Lightning Out...

Use when creating ASCII art to guide your artistic approach

Directs bold, memorable, highly art-directed website concepts while preserving usability, accessibility, brand coherence...

设计原型专家团入口。用于 Codex CLI 的 $expert-design 调用。 覆盖需求发现、设计系统选择、原型生成、质量审查和导出交付。 触发词：设计原型、UI、UX、设计系统、高保真、HTML 原型、品牌设计、页面设计

Use when a project needs multi-perspective review — pre-launch audit, post-refactor check, inherited codebase assessment...

Build a rich, self-contained HTML explanation of a code change — diff, branch, commit range, MR/PR — with background, in...

Use when the user asks for a rich explanation of a code change, diff, branch, or PR. Produces HTML output.

Explains how a website, a visual effect or an animation was built, from a live URL or a screenshot.