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수집된 skill 117개 중 40개를 표시합니다.
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
원문 언어: 영어