Expert guide for converting UI screenshots, mockups, Figma frames, and whiteboard sketches into production-ready frontend code using vision-capable frontier models (Gemini 4 Pro, Claude 5.5, GPT Astra 6) — multi-pass visual extraction, component decomposition, responsive generation, and design token mapping / Panduan ahli konversi screenshot UI, mockup, frame Figma, dan sketsa whiteboard menjadi kode frontend siap produksi menggunakan model frontier berkemampuan vision — ekstraksi visual multi-pass, dekomposisi komponen, generasi responsif, dan pemetaan design token.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
roedyrustam/vibes-plug☆ 1052026년 10월 20일 업데이트
Wireframe a screen — text/ASCII by default, or hand-drawn HTML when the user says "sketch", "hand-drawn", "lo-fi HTML", "whiteboard", "graph paper", or "visual wireframe". Text mode produces a buildable ASCII spec Form and Prism can act on. HTML mode produces a single self-contained file with graph-paper background, marker headlines, sticky-note annotations, and hatched chart placeholders — looks like a designer's whiteboard, commits to nothing.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
tonone-ai/tonone☆ 762026년 10월 15일 업데이트
白板火柴人拆书短视频工作流。用于把一本书或一段长内容做成 60-90 秒竖屏(9:16)白板手绘信息图风格的拆书口播短视频,并用 HyperFrames 在本地渲染无平台水印的最终成片。覆盖:拆书脚本与分镜表生成、白板火柴人信息图分镜图生成、口播配音生成(可选男声/女声)、背景音乐生成(可选活泼/沉稳/其他风格)、每个阶段与用户确认、HyperFrames 动效渲染+字幕卡点+音乐混音装配、成片交付。当用户提到"拆书视频""拆解一本书""白板风/火柴人信息图短视频""口播短视频""书评视频""把这本书做成视频"等需求时使用。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
nutllwhy/whiteboard-book-video-skill☆ 662026년 9월 4일 업데이트
创建、修改、换肤和评审真正经过设计的可编辑飞书白板。适用于信息图、流程图、系统图、 时间线、决策板、海报和可视化讲解:先锁定内容事实与设计简报,再按白板媒介构图,机械检查 SVG,查看真实渲染,并在重要交付前做独立终审;避免等大卡片网格和凭空补造关系。飞书写入 使用扣子平台授权,授权暂不可用时仍交付本地 SVG + PNG。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
LcpMarvel/feishu-whiteboard-pro☆ 602026년 8월 31일 업데이트
Visual whiteboard collaboration for Copilot CLI. Creates an interactive whiteboard that opens in your browser — draw, sketch, add sticky notes, then share everything back with Copilot. Copilot sees your drawings and text, and responds with analysis, suggestions, and ideas. Use in Copilot CLI when an idea is easier to sketch than to describe in text.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
mouadja02/skills☆ 102026년 10월 20일 업데이트
Visual whiteboard collaboration for Copilot CLI. Creates an interactive whiteboard that opens in your browser — draw, sketch, add sticky notes, then share everything back with Copilot. Copilot sees your drawings and text, and responds with analysis, suggestions, and ideas.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
jcasnellie69/homelab-config☆ 22026년 10월 16일 업데이트
모바일 앱의 화면 흐름을 가로로 나란히 놓은 스마트폰 틀 세네 개로 시각화합니다. 회색 임시 블록, 화살표, 번호가 붙은 동작명과 주석으로 이동 과정을 정리합니다.
- 시작 안내부터 홈까지 흐름 정리
- 상품 상세부터 확인까지 경로 검토
- 시각 디자인 전에 화면 전환 검토
nexu-io/open-design☆ 10.3만2026년 10월 20일 업데이트
Turn article ideas into hand-drawn, 16:9 illustrations featuring Grav, a floating character. Plan image placement and visual metaphors, then generate white-background sketches with sparse English labels and review their consistency.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Plan illustrations for a blog post
- Explain an abstract concept through a visual metaphor
- Keep illustration styles consistent across articles
sickn33/agentic-awesome-skills☆ 4.8만2026년 10월 19일 업데이트
Turn local Q&A session files into an English weekly report with topic rankings, unresolved issues, activity metrics, and comparisons with the previous week. Include supporting message excerpts and structured data for later document and dashboard rendering.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Create a weekly community Q&A report
- Compare topics and activity with the previous week
- Review unresolved high-priority issues
volcengine/OpenViking☆ 4만2026년 10월 20일 업데이트
Receive live Lark/Feishu updates for messages, approvals, tasks, meetings, and more. Stream them as NDJSON, one JSON record per line, with filtering and time or event limits for bots and automated event processing.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Receiving new messages for bot processing
- Monitoring approval and task updates
- Receiving meeting lifecycle and minutes events
larksuite/cli☆ 1.8만2026년 10월 19일 업데이트
Creates and edits Lark presentations, from planning pages with images and charts to updating specific text or pictures. It also reads existing slides, adds or deletes pages, edits imported PPTX templates, and captures page screenshots.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Creating a presentation with images and charts
- Updating a title or image on an existing slide
- Adding or deleting presentation pages
larksuite/cli☆ 1.8만2026년 10월 19일 업데이트
Read, summarize, create, and edit 飞书 Docx and Wiki document content. Revise wording, reorganize sections, insert local images or attachments, and retrieve document media, with additional support for document history and mind notes.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reading and summarizing online documents
- Revising wording and reorganizing sections
- Inserting images and attachments
larksuite/cli☆ 1.8만2026년 10월 19일 업데이트
Create SVG illustrations, a scalable vector image format, of people working in airy rooms or terraces. Use thin indigo outlines, mostly white shapes, and restrained color accents, with reusable drawing parts and checks for consistent scenes.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Illustrating remote work scenes
- Depicting team discussions at a whiteboard
- Creating onboarding illustrations
MengTo/Skills☆ 6.9천2026년 10월 18일 업데이트
Retrieve 飞书 cloud documents as Markdown using a document URL or token. Handle embedded images, files, and whiteboards through a separate download tool, and identify the underlying content type before reading wiki links.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Read a cloud document from its URL
- Retrieve document text as Markdown
- Download embedded images and attachments
op7418/CodePilot☆ 6.5천2026년 9월 22일 업데이트
Coordinate Lark and Feishu work from Codex by routing requests to the appropriate skills and CLI commands. Resolve linked objects, choose user or bot access, and guide reading or updates to documents, spreadsheets, events, and tasks.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Read and summarize linked documents or wiki pages
- Update specific document sections or spreadsheet ranges
- Create tasks or calendar events
huangruiteng/CS-Notes☆ 4천2026년 10월 20일 업데이트
Generate hand-drawn 16:9 article illustrations featuring the Grav character IP. Turns article concepts into memorable whiteboard-sketch explanations with a recurring floating character, sparse annotations, and absurd metaphors.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
rmyndharis/antigravity-skills☆ 1.8천2026년 10월 15일 업데이트
Generate one or more standalone Meta image-ad creatives via Nano Banana 2 / Nano Banana Pro (Gemini Flash Image family) through the Arcads external API. Locks the model family, auto-strips platform chrome, enforces edge-safe layouts. Use when the user asks for a "Nano Banana ad", "Gemini image ad", "nano-banana-2 ad creative", "make a static image ad with Gemini", or anchors on a need for photoreal / lifestyle / multi-reference / handheld-object / clay-texture ad creatives (sticky-note flatlays, held-whiteboard signs, lifestyle portraits, ingredient collages, OOH photography). Does NOT trigger on ChatGPT Image cues — use chatgpt-image-ad for those.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
krusemediallc/arcads-claude-code☆ 1.6천2026년 10월 20일 업데이트
Generate hand-drawn 16:9 article illustrations with the Grav character IP, sparse annotations, and absurd but clear visual metaphors.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
lingxling/awesome-skills-cn☆ 3162026년 10월 7일 업데이트
Miro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice — anchored by its signature canary yellow ({colors.brand-yellow}) wordmark over white canvas, broken open by colorful pastel feature tints (rose, teal, coral, orange, mint) that echo the actual sticky-note color palette used on the live whiteboard. Black-pill primary buttons dominate marketing, real Miro-board mockups serve as feature illustrations, and a 4-tier pricing grid leads into a dense comparison table. Roobert PRO carries display headlines; the system supports homepage, pricing, AI Workflows product page, agile vertical, and customer stories surfaces.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
skillmds/skillmd☆ 2492026년 10월 14일 업데이트
Provider-independent production workflow for AI agents creating educational animated lessons, classroom explainers, STEM visualizations, history/social-science animations, training modules, microlearning clips, whiteboard-style explainers, diagram-driven videos, and generated or assembled instructional animation assets. Use when planning, scripting, storyboarding, generating, reviewing, localizing, or QAing animation whose primary purpose is learning.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
calesthio/generative-media-skills☆ 2082026년 7월 14일 업데이트
Guide structured design thinking through 5 progressive levels before any code is written. Levels: Capabilities, Components, Interactions, Contracts, Implementation. Use when building new features, refactoring significant code, designing modules, or when the user says 'design this', 'architect this', 'let's think before coding', 'walk me through the design', or 'whiteboard this'. For simple utilities enter at Level 4 (Contracts), for single-component tasks at Level 2 — see Complexity Calibration. Do not use for quick bug patches.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
techygarg/lattice☆ 2062026년 10월 10일 업데이트
World-class explainer video expertise combining the visual storytelling of Kurzgesagt, the simplification genius of Common Craft, and the conversion science of high-performing SaaS landing pages. Explainer videos transform complex ideas into clear, compelling stories. Great explainers don't just inform—they illuminate. They take abstract concepts and make them feel obvious. The best explainer videos understand that simplicity is the ultimate sophistication, that showing beats telling, and that the goal isn't to impress with complexity—it's to make the viewer feel smart. Use when "explainer, explainer video, how it works, product demo, onboarding video, training video, educational video, whiteboard, animated explainer, explain this, simplify, concept video, SaaS video, explainer, video, animation, educational, product, demo, onboarding, SaaS" mentioned.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
omer-metin/skills-for-antigravity☆ 1682026년 1월 22일 업데이트
AFFiNE is an open source workspace that combines docs, whiteboards, and lightweight databases in one product. This skill is useful when an agent needs to structure notes, maintain linked knowledge, or automate content workflows around AFFiNE workspaces and self-hosted deployments.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
agentskillexchange/skills☆ 542026년 10월 20일 업데이트
Lark/Feishu workspace operations through the `lark-cli` tool — calendar and meeting rooms, docs, sheets, Base (多维表格), wiki, drive, mail, IM messages, tasks, OKR, approvals, minutes, video conferences, whiteboards, slides, contacts, attendance, and real-time events. Use whenever the user mentions 飞书 / Lark / 我的日程 / 约会议 / 订会议室 / 飞书文档 / 多维表格 / 知识库 / 云空间 / 发消息 / 群聊 / 邮件 / 待办 / OKR / 审批 / 妙记 / 会议纪要 / 画板 / 幻灯片, or asks to look up a colleague, or hands you a `feishu.cn` / `larksuite.com` URL. Also covers `lark-cli` setup, auth login, and permission-denied errors.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
CherryHQ/stella☆ 532026년 10월 21일 업데이트