Design System UI (Page 13 of 13)

Comprehensive reference for building UI with @szum-tech/design-system — a React component library built on Tailwind CSS 4+ and Radix UI.

Convert hand-drawn UI sketches, wireframes, or mockup images into functional TouchDesigner panels using Palette Basic Widgets.

Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typography, and a warm color palette.

Drive Blender from natural language. Converts plain-English requests ("model a sword and render it with cinematic lighting", "make this glass look frosted", "set up three-point…

Create interactive 3D simulations for TSCG instances (Poclets, Systemic Frameworks, Symbolic System Grammars, etc.) using BabylonJS with modular architecture.

Design specification for CLI TUI (Terminal User Interface). This skill provides comprehensive guidelines for implementing interactive terminal UI components, including page layout…

Catch UI slop before an implemented web or iOS interface ships. Use when the user asks for a UI slop review, anti-slop preflight, pre-ship UI check, screenshot critique, or…

Use this skill to generate well-branded interfaces and assets for Vercenik (architecture, engineering & construction firm — premium-minimal, black + white + gold), either for…

Runs a comprehensive 20-point code quality audit on a "vibe-coded" codebase that was shipped fast and now needs hardening.

This skill should be used when the user asks how to "use VibeTags", "add VibeTags annotations", "set up AI guardrails", "protect code from AI", "configure AI platforms", asks…

This skill should be used when creating "interactive web components", "live demos", "prototype interfaces", "component showcases", "interactive examples", "web-based tools", or…

Convert 2D orthographic wireframe PNG drawings to 3D Blender models exported as glTF/GLB. Use this skill whenever the user provides wireframe images (technical drawings, line…

Use this skill when designing ANY Yolando surface — product screens, marketing, email, slides, Looms, internal docs.

通用 AI 对话式 App 原型生成器。读取原始需求文档，生成结构化需求文档，再批量生成手机端静态原型页面（HTML Demo）。可用于任意 App 项目。

Skill to use if user asks you to create a design system or UI kit

Generate HTML/CSS wireframes from user flows.

제안서 HTML 도표/차트/다이어그램 작성 시 공통 디자인 시스템을 적용합니다. HTML 컴포넌트 작성, 스타일 적용 시 사용합니다.

Componentes de UI para produtos seguindo o padrão de components do Easy Budget.

Shadcn Compose 기반 디자인 시스템 구조와 사용법. 컴포넌트 사용, 테마 적용, 색상/반경 커스터마이징 시 활성화됨.

Create low-fidelity wireframes for rapid prototyping

使用 Pencil MCP 创建工业级 UI 设计的完整工作流和组件库