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
原文の言語: 英語