Convert Claude Code prototypes into structured Figma design files with component mapping, state flows, and interaction annotations
原文语言:英语
菜单
这个仓库中的 skills
SkillsMP 已收集 Aradotso/design-skills 中的 117 个 Skill。打开任一 Skill 可查看来源和详情。
Aradotso/design-skills已展示 40 / 117 个已收集 Skill。
Convert Claude Code prototypes into structured Figma design files with component mapping, state flows, and interaction annotations
原文语言:英语
Convert Figma designs to high-fidelity UI code via MCP service with AI-powered layout processing
原文语言:英语
Control a team of 10 design agents that run an inclusive design process from discovery through handoff with accessibility woven into every step.
原文语言:英语
Cache-enabled Figma Context MCP server with persistent disk caching to reduce API rate limits and improve performance for AI-powered design workflows
原文语言:英语
Automated rocket design and manufacturing program built by students for aerospace engineering workflows
原文语言:英语
Automate rocket design and manufacturing workflows with TypeScript-based calculation, modeling, and production tools
原文语言:英语
Run Claude Design locally as an Agent Skill to produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML
原文语言:英语
Convert UI screenshots and design mockups to HTML/CSS with asset separation, canvas adaptation, and visual error correction
原文语言:英语
Authenticate OpenCode with Figma MCP server to enable Figma design integration
原文语言:英语
Use powerful Figma Console MCP capabilities as Markdown skills for design tokens, variables, components, WCAG lint, a11y audits, version history, FigJam & Slides
原文语言:英语
Convert images into Forza Horizon vinyl groups and Assetto Corsa liveries using ForzaDesigner6
原文语言:英语
Analyze images, websites, and Figma files to generate structured design.md with DTCG tokens, component inventory, and reconstruction notes
原文语言:英语
115 brand-themed HTML design references for Claude Code — talk naturally ("Linear-style page", "飞书风的页面") to apply real brand tokens.
原文语言:英语
Context-aware motion design skill with build and audit modes, applying three distinct philosophies from Emil Kowalski, Jakub Krehel, and Jhey Tompkins
原文语言:英语
Generate DESIGN.md files from any website using Context.dev APIs for design tokens, brand data, and visual extraction
原文语言:英语
Install and use themed shadcn/ui components from 31+ design systems (Linear, Stripe, Apple, Notion, etc.) with one command
原文语言:英语
Apply 100 distinct design styles to AI-generated presentations and websites using Claude Code's design-pick skill
原文语言:英语
AI-powered UI/UX generator with dual-brain architecture (Claude + OpenAI), sub-agent workflow, and design-to-code translation
原文语言:英语
Unofficial Figma desktop client for collaborative interface design, prototyping, and FigJam whiteboarding
原文语言:英语
Comprehensive guide for designing production AI systems, RAG architectures, LLM engineering, agentic AI, and interview preparation
原文语言:英语
Anti-AI-slop SwiftUI interface design with 6 Iron Rules, design direction consulting, brand asset integration, and 5-dimension review system
原文语言:英语
Control Figma through code execution with MCP - create, modify, and query design elements programmatically via AI agents
原文语言:英语
Extract pixel-perfect code, design tokens, and component structures from Figma designs via MCP tools for AI-driven development workflows
原文语言:英语
AI-powered Figma plugin for auditing components for design system compliance, accessibility, and developer readiness
原文语言:英语
Generate optimized prompts from Figma designs for AI prototyping tools like Lovable, Figma Make, Pencil.dev, Paper.design and Google Stitch
原文语言:英语
Extract Figma design tokens, components, and screens to generate Flutter code using Model Context Protocol (MCP)
原文语言:英语
Run and build Figma Make exported code locally with automatic dependency resolution and asset handling
原文语言:英语
Transform Figma designs into LLM-friendly HTML/CSS for AI-assisted development
原文语言:英语
Build and customize a modern developer/designer portfolio with Next.js, TypeScript, and TailwindCSS featuring animated typing effects and responsive layouts.
原文语言:英语
Bridge Figma designs with AI assistants using TalkToFigma Desktop via Model Context Protocol
原文语言:英语
Extract source code, design tokens, and assets from Figma Make (.make) files into runnable React applications
原文语言:英语
Cache-enabled Figma Context MCP server for AI agents to fetch and analyze Figma designs with persistent disk caching
原文语言:英语
Stream live Figma document data to AI tools via MCP server, bypassing API rate limits for free users
原文语言:英语
Generate DESIGN.md and SKILL.md files from Figma design systems for AI-assisted development
原文语言:英语
Figma plugin that extracts local styles and generates DESIGN.md and SKILL.md files for AI-driven design system implementation
原文语言:英语
Chrome extension that captures webpages into Figma's clipboard format with font fixes and DOM cleanup
原文语言:英语
Enforce Design System compliance in AI-generated Figma designs with 4 skills that bind components, tokens, and styles
原文语言:英语
Bridge AI assistants to Figma Desktop via MCP — draw UI with JavaScript, read designs as structured data, extract screenshots and tokens
原文语言:英语
Chrome extension that captures webpages and converts them into editable Figma-compatible JSON files with support for full-page and element capture
原文语言:英语
Convene 11 role-specialized Claude agents to debate technical decisions in parallel, with the invoking Claude acting as CEO
原文语言:英语