create-interface
Create Interface
Render custom HTML interfaces directly in chat using the mcp__noetect-ui__render_ui tool. Perfect for forms, charts, tables, dashboards, and interactive widgets.
Tool Usage
Tool: mcp__noetect-ui__render_ui
Input:
html: "<div class='card'><h2>Hello</h2></div>" # Required - HTML content (body only, no <html> wrapper)
title: "My Widget" # Optional - header above the UI
height: 300 # Optional - fixed height in pixels (default: auto-resize)
Theme Integration
The UI automatically inherits the app's current theme. Use CSS variables for consistent styling across light/dark modes.
Surface Colors (backgrounds)
More from cdeistopened/opened-vault
meta-ads-creative
Create high-converting Meta (Facebook/Instagram) ad creative using the 6 Elements framework, proven ad formats, and research-driven copywriting. Optimized for lo-fi, native-feeling ads that don't look like ads.
177ghostwriter
Transform source material into authentic, human-written content. Use for ANY writing task - newsletters, articles, social posts, emails. Combines voice transformation, AI pattern detection, and Charlie Deist's signature moves. Replaces the old ai-tells and human-writing skills.
31transcript-polisher
Transform raw podcast transcripts into polished, readable documents. Use when processing podcast transcripts, interview recordings, or any spoken content that needs cleanup. Removes filler words, fixes grammar, adds structure, while preserving authentic voice and key insights.
23short-form-video
Create short-form video content (Reels, TikTok, Shorts) using practitioner methodology. Covers production workflow from concept to publish, hook construction, format selection, and algorithm optimization.
23newsletter-subject-lines
Write newsletter subject lines for OpenEd Daily using 15 proven formulas + 10 Commandments evaluation. Generate 10+ options, select best through systematic criteria.
22video-generator
Generate AI videos using Google VEO 3.1, OpenAI Sora, or Kling (via Fal.ai). Use this skill when content needs short-form video — social clips, promotional teasers, ambient backgrounds, or creative visual storytelling. Three providers for different strengths - VEO for native audio, Sora for visual quality, Kling for image-to-video animation and longer clips up to 15s.
21