Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions 'implement design', 'generate code', 'implement component', provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.

Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma. Handles plan resolution via whoami if needed. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard)

Generates custom design system rules for the user's codebase. Use when user says 'create design system rules', 'generate rules for my project', 'set up design rules', 'customize design system guidelines', or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.

Connects Figma design components to code components using Code Connect mapping tools. Use when user says 'code connect', 'connect this component to code', 'map this component', 'link component to code', 'create code connect mapping', or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.

Use when the task involves reading, creating, or editing `.docx` documents, especially when formatting or layout fidelity matters; prefer `python-docx` plus the bundled `scripts/render_docx.py` for visual checks.

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

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.

Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools, register UI resources, wire the MCP Apps bridge or ChatGPT compatibility APIs, apply Apps SDK metadata or CSP or domain settings, or produce a docs-aligned project scaffold. Prefer a docs-first workflow by invoking the openai-docs skill or OpenAI developer docs MCP tools before generating code.

Incrementally learns durable user preferences and workspace facts from transcript changes and keeps AGENTS.md up to date with plain bullet points.

Run iterative self-referential development loops where the same prompt is repeated until completion criteria are met.

AI-DLC adaptive workflow rules profile for project-level agent guidance and stage-by-stage software delivery.

An attendee guide for the Agentic AI Summit 2026 at UC Berkeley, covering check-in, stages, transportation, and the provided lunch, with live lookups on the official program for session questions.

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.

Behavioral guidelines to reduce common LLM coding mistakes by making agents surface assumptions, prefer simple implementations, keep edits focused, and define verifiable success criteria.

Generate extremely simple, cute IP mascot images with rounded silhouettes, a constrained three-color palette, and lower-corner compositions.

OpenClaw/Hermes home-agent profile that repackages Anthropic Small Business knowledge-work skills with owner onboarding, durable business context, automatic routing, and approval-safe operating rules.

Claude Code sub-agents for AI, backend, DevOps, frontend, mobile, rapid prototyping, and test work.

Claude Code sub-agents for studio coaching and lightweight humor support.

Claude Code sub-agents for API testing, performance benchmarking, result analysis, tool evaluation, and workflow optimization.

Claude Code sub-agents for analytics, finance, infrastructure, legal compliance, and customer support.

Claude Code sub-agents for experiments, shipping coordination, and studio production workflows.

Claude Code sub-agents for feedback synthesis, sprint prioritization, and trend research.

Claude Code sub-agents for app store optimization, content, growth, social platforms, and community marketing.

Claude Code sub-agents for brand, UI, UX research, visual storytelling, and interaction delight.

Agent-first presentation framework for planning, designing, editing, and exporting HTML or image-native slides with shared Codex and Claude Code skills.

Humanize Korean AI-generated text with source-faithful skills, deterministic preprocessing and structural gates, specialist runtime agents, and the upstream Codex Fast Path.

Evidence-based education skill library for curriculum design, lesson planning, assessment, learning science, wellbeing, professional learning, historical thinking, and student-facing AI study support.

ADHD-friendly output shaping skill that makes agent replies action-first, stepwise, concise, and easier to execute.