figma-code-connect-components
OffiziellLink Figma design components to their code implementations automatically
Skills
Ein Skill ist eine niedergeschriebene Arbeitsanweisung, der ein Agent folgt — eine Review-Checkliste, eine Dokument-Pipeline, eine Recherchemethode. Im offenen Katalog stöbern, vor der Installation das ganze Dokument lesen und mit einem Klick zu Ihren Ottermind-Agenten hinzufügen.
Link Figma design components to their code implementations automatically
Generate a structured Markdown threat model from any codebase, mapping trust boundaries, attack paths, and mitigations to specific components.
Turn vague intentions into concrete, measurable goals with verifiable completion criteria.
Generate production-ready UI code directly from Figma designs with visual validation
Get a durable, composable CLI built from API docs, SDKs, or existing scripts — installable as a binary you can run from any repo.
Build, review, and refactor ASP.NET Core apps with guidance on Blazor, MVC, APIs, and modern .NET patterns.
Project-specific design system rules that make AI coding agents follow your Figma-to-code conventions automatically
Create new skills from scratch, run iterative evaluations, and improve existing skills through measurable feedback.
Generates spoken audio from text using OpenAI's Audio API with built-in voices and a CLI workflow.
Generates original visual art in PNG or PDF, grounded in a custom design philosophy you define.
Step-by-step guide for building MCP servers that expose external APIs as LLM-callable tools.
Create animated GIFs that meet Slack's size and dimension requirements for emoji and message posts.
Deploy to Render by generating render.yaml Blueprints or creating services directly via MCP tools.
Map who owns which code in a git repo, flag files with low bus factor, and export ownership graphs for Neo4j or Gephi.
Code-based generative art with seeded randomness and interactive parameter controls.
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Codex's capabilities with specialized knowledge, workflo
Use when the user explicitly asks for a desktop or system screenshot (full screen, specific app or window, or a pixel region), or when tool-specific capture capabilities are unavailable and an OS-leve
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defau
Deploy web projects to Netlify using the Netlify CLI (`npx netlify`). Use when the user asks to deploy, host, publish, or link a site/repo on Netlify, including preview and production deploys.
Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.
Use only when the user explicitly asks to stage, commit, push, and open a GitHub pull request in one flow using the GitHub CLI (`gh`).
Migrate supported instruction files, skills, agents, and MCP config into Codex project and global files.
Persistent browser and Electron interaction through `js_repl` for fast iterative UI debugging.
Use when a user asks to debug or fix failing GitHub PR checks that run in GitHub Actions; use `gh` to inspect checks and logs, summarize failure context, draft a fix plan, and implement only after exp
Diese Bibliothek sammelt die Skills, die tatsächlich in Ottermind eingesetzt werden. Jeder Skill ist ein wiederverwendbares Anweisungspaket, das einem Agenten beibringt, eine bestimmte Aufgabe sauber zu erledigen — Dateiformat, Ablauf, Sonderfälle. Du beschreibst die Aufgabe einmal, statt sie in jeder Sitzung neu zu erklären.
Skills decken die gesamte Bandbreite dessen ab, was ein Ottermind-Agent tut: bearbeitbare PowerPoint-Decks bauen, Produkt- und Markenbilder erzeugen, Code auf einer von dir verbundenen Maschine schreiben und ausführen, aus einem Skript oder einem Standbild ein Video machen sowie Tabellendaten bereinigen und auswerten. Ein Skill macht aus einem allgemeinen Modell etwas, das deine konkrete Variante einer dieser Aufgaben jedes Mal gleich erledigt.
Ein Skill ist eine schlichte Markdown-Datei mit kurzem Frontmatter-Kopf. Du kannst also vor dem Ausführen genau nachlesen, was passieren wird, ihn an deine Konventionen anpassen und mit Kolleginnen und Kollegen teilen. Sobald ein Skill das gewünschte Ergebnis liefert, lässt er sich einem Agenten zuordnen oder als Automatisierung einplanen — dieselbe Arbeit passiert wieder, ohne dass jemand den Prompt neu schreibt.