Figma implement design
Translates Figma designs into production-ready application code with 1:1 visual fidelity.
Design, writing, video, and ideas made visible.
skills to explore
PUBLIC SKILLS, ONE SEARCHABLE SHELFIndexed 25 Sep 2026 ↗
25–45 of 45 skills
Translates Figma designs into production-ready application code with 1:1 visual fidelity.
MANDATORY prerequisite — you MUST invoke this skill BEFORE every use_figma tool call. NEVER call use_figma directly without loading this skill first.
Helm chart development agent skill and plugin for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw — chart scaffolding, values design, template patterns, dependency management, security hardening, and chart testing.
Build a reusable Hypermotion brand profile with rules for colour, typography, logos, voice, motion, and accessibility, then check that video scenes follow it.
Plan and produce editable Hypermotion explainer videos: storyboard scenes, capture product states, direct motion, align audio, validate frames, and export a .hype project with the finished video.
A Head of People Ops, BizOps lead, or Internal Communications owner needs to draft and sequence an internal-only change-management communication — a re-org announcement, a tool rollout, a policy change, a leadership transition, a layoff, an acquisition close, or an internal product launch — and the audience is employees (not customers).
Draft internal updates, reports, newsletters, and answers to common team questions.
The user asks to "design interview processes", "create hiring pipelines", "calibrate interview loops", "generate interview questions", "design competency matrices", "analyze interviewer bias", "create scoring rubrics", "build question banks", or "optimize hiring systems".
Design production-ready observability strategies combining metrics, logs, and traces. Includes SLI/SLO design, golden-signals monitoring, alert optimization.
Make animated GIFs that fit Slack’s format and file-size constraints.
Text-to-speech narration or voiceover, accessibility reads, audio prompts, or batch speech generation via the OpenAI Audio API; run the bundled CLI (scripts/text_to_speech.py) with built-in voices and require OPENAI_API_KEY for live calls.
Write internal company communications — 3P updates (Progress/Plans/Problems), company-wide newsletters, FAQ roundups, incident reports, leadership updates, status reports, project updates, and general internal comms.
Give presentations, documents, and web artifacts a consistent visual theme.
Transcribe audio files to text with optional diarization and known-speaker hints.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools.
UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis.
Planning video content strategy, writing video scripts, optimizing YouTube channels, building short-form video pipelines (Reels, TikTok, Shorts), or repurposing long-form content into video.
Review UI code for Web Interface Guidelines compliance.
Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK samples, and CommunityToolkit components.
Review docs/prose for Writing Guidelines compliance.
Needs YouTube transcripts, video search, channel browsing, playlist extraction, or content monitoring.
Source-linked, not execution-tested. Check the publisher’s setup instructions and permissions before use.