Agent Skills

prd

✓★ 36,200

by github

Generate comprehensive Product Requirements Documents that translate business vision into technical specifications. Follows a strict three-phase workflow: discovery interview to fill knowledge gaps, analysis and scoping to identify dependencies, and technical drafting using a standardized PRD schema Requires concrete, measurable success criteria and acceptance criteria; explicitly avoids vague language like "fast" or "intuitive" in favor of quantifiable benchmarks Covers executive summary,...

figma-generate-design

✓★ 23,200

by openai

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-implement-design

✓★ 23,200

by openai

Translate Figma designs into production-ready code with pixel-perfect visual fidelity. Structured seven-step workflow: extract node IDs from Figma URLs, fetch design context and screenshots, download assets, translate to project conventions, and validate against Figma specs Integrates with Figma MCP server (remote or desktop) to access layout properties, typography, colors, design tokens, and component structure Emphasizes design system reuse, design token mapping, and 1:1 visual parity;...

figma

✓★ 23,200

by openai

Fetch design context, screenshots, and assets from Figma, then translate designs into production code. Provides three core commands: get_design_context for structured node representation, get_screenshot for visual reference, and asset download via localhost endpoints Requires a mandatory workflow: fetch design context, retrieve screenshot, download assets, then implement using project conventions and design tokens Outputs React + Tailwind as a design representation; implementation must reuse...

transformers-js

✓★ 10,800

by huggingface

Use Transformers.js to run state-of-the-art machine learning models directly in JavaScript/TypeScript. Supports NLP (text classification, translation,…

design-md

★ 6,400

by google-labs-code

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative...

figma-generate-design

✓★ 4,000

by openai

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to…

frontend-design-deslop

★ 157

by samber

Produce distinctive, non-generic UI and design applications well, working strategy-first. Identify the project (landing page, SaaS app, dashboard, ecommerce, presentation, docs, portfolio...) and its positioning and personality, commit to brand adjectives, translate into a typography and color system, then apply the craft layer (layout, components and states, motion, iconography, imagery, dark mode and theming, accessibility), avoiding the AI-slop / Claude-esque default. This is both a...

Canva Translate

★ 44

by Canva

Translate all text in a Canva design to another language, creating a translated copy. Faster than manually copying and editing each text box in Canva's editor. Use when users say "translate my design to [language]", "make a Spanish/French/etc version", or "localize my Canva design".