Aradotso/design-skills - الصفحة ٢

prototype-to-figma-skill

Convert Claude Code prototypes into structured Figma design files with component mapping, state flows, and interaction annotations

لغة النص الأصلي: الإنجليزية

huolala-figma-to-code-mcp

Convert Figma designs to high-fidelity UI code via MCP service with AI-powered layout processing

لغة النص الأصلي: الإنجليزية

designpowers-agent-team

Control a team of 10 design agents that run an inclusive design process from discovery through handoff with accessibility woven into every step.

لغة النص الأصلي: الإنجليزية

figma-mcp-cached

Cache-enabled Figma Context MCP server with persistent disk caching to reduce API rate limits and improve performance for AI-powered design workflows

لغة النص الأصلي: الإنجليزية

rocket-design-manufacturing-automation-shenzhen22

Automated rocket design and manufacturing program built by students for aerospace engineering workflows

لغة النص الأصلي: الإنجليزية

shenzhen22-rocket-design-automation

Automate rocket design and manufacturing workflows with TypeScript-based calculation, modeling, and production tools

لغة النص الأصلي: الإنجليزية

baoyu-design-integration

Run Claude Design locally as an Agent Skill to produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML

لغة النص الأصلي: الإنجليزية

ky-design-to-html-skill

Convert UI screenshots and design mockups to HTML/CSS with asset separation, canvas adaptation, and visual error correction

لغة النص الأصلي: الإنجليزية

opencode-mcp-figma-auth

Authenticate OpenCode with Figma MCP server to enable Figma design integration

لغة النص الأصلي: الإنجليزية

figma-console-mcp-skills

Use powerful Figma Console MCP capabilities as Markdown skills for design tokens, variables, components, WCAG lint, a11y audits, version history, FigJam & Slides

لغة النص الأصلي: الإنجليزية

forzadesigner6-vinyl-converter

Convert images into Forza Horizon vinyl groups and Assetto Corsa liveries using ForzaDesigner6

لغة النص الأصلي: الإنجليزية

anydesign-analyzer

Analyze images, websites, and Figma files to generate structured design.md with DTCG tokens, component inventory, and reconstruction notes

لغة النص الأصلي: الإنجليزية

awesome-design-html

115 brand-themed HTML design references for Claude Code — talk naturally ("Linear-style page", "飞书风的页面") to apply real brand tokens.

لغة النص الأصلي: الإنجليزية

design-motion-principles

Context-aware motion design skill with build and audit modes, applying three distinct philosophies from Emil Kowalski, Jakub Krehel, and Jhey Tompkins

لغة النص الأصلي: الإنجليزية

designmd-supply-generator

Generate DESIGN.md files from any website using Context.dev APIs for design tokens, brand data, and visual extraction

لغة النص الأصلي: الإنجليزية

better-design-shadcn-themes

Install and use themed shadcn/ui components from 31+ design systems (Linear, Stripe, Apple, Notion, etc.) with one command

لغة النص الأصلي: الإنجليزية

design-diversity-catalog

Apply 100 distinct design styles to AI-generated presentations and websites using Claude Code's design-pick skill

لغة النص الأصلي: الإنجليزية

claude-design-studio-ui-generator

AI-powered UI/UX generator with dual-brain architecture (Claude + OpenAI), sub-agent workflow, and design-to-code translation

لغة النص الأصلي: الإنجليزية

figma-cracked-desktop

Unofficial Figma desktop client for collaborative interface design, prototyping, and FigJam whiteboarding

لغة النص الأصلي: الإنجليزية

ai-system-design-guide

Comprehensive guide for designing production AI systems, RAG architectures, LLM engineering, agentic AI, and interview preparation

لغة النص الأصلي: الإنجليزية

swiftui-design-skill

Anti-AI-slop SwiftUI interface design with 6 Iron Rules, design direction consulting, brand asset integration, and 5-dimension review system

لغة النص الأصلي: الإنجليزية

figma-pilot-mcp

Control Figma through code execution with MCP - create, modify, and query design elements programmatically via AI agents

لغة النص الأصلي: الإنجليزية

sunnyside-figma-context-mcp

Extract pixel-perfect code, design tokens, and component structures from Figma designs via MCP tools for AI-driven development workflows

لغة النص الأصلي: الإنجليزية

figmalint-design-system-auditing

AI-powered Figma plugin for auditing components for design system compliance, accessibility, and developer readiness

لغة النص الأصلي: الإنجليزية

figma-to-ai-prompter

Generate optimized prompts from Figma designs for AI prototyping tools like Lovable, Figma Make, Pencil.dev, Paper.design and Google Stitch

لغة النص الأصلي: الإنجليزية

figma-flutter-mcp-design-to-code

Extract Figma design tokens, components, and screens to generate Flutter code using Model Context Protocol (MCP)

لغة النص الأصلي: الإنجليزية

figma-make-local-runner

Run and build Figma Make exported code locally with automatic dependency resolution and asset handling

لغة النص الأصلي: الإنجليزية

figma-bridge-html-export

Transform Figma designs into LLM-friendly HTML/CSS for AI-assisted development

لغة النص الأصلي: الإنجليزية

figma-portfolio-nextjs

Build and customize a modern developer/designer portfolio with Next.js, TypeScript, and TailwindCSS featuring animated typing effects and responsive layouts.

لغة النص الأصلي: الإنجليزية

talktofigma-desktop-mcp

Bridge Figma designs with AI assistants using TalkToFigma Desktop via Model Context Protocol

لغة النص الأصلي: الإنجليزية

figma-make-extractor

Extract source code, design tokens, and assets from Figma Make (.make) files into runnable React applications

لغة النص الأصلي: الإنجليزية

figma-context-mcp-cached

Cache-enabled Figma Context MCP server for AI agents to fetch and analyze Figma designs with persistent disk caching

لغة النص الأصلي: الإنجليزية

figma-mcp-bridge

Stream live Figma document data to AI tools via MCP server, bypassing API rate limits for free users

لغة النص الأصلي: الإنجليزية

figma-design-md-generator

Generate DESIGN.md and SKILL.md files from Figma design systems for AI-assisted development

لغة النص الأصلي: الإنجليزية

figma-design-md-plugin

Figma plugin that extracts local styles and generates DESIGN.md and SKILL.md files for AI-driven design system implementation

لغة النص الأصلي: الإنجليزية

figma-capture-extension

Chrome extension that captures webpages into Figma's clipboard format with font fixes and DOM cleanup

لغة النص الأصلي: الإنجليزية

claude2figma-design-system-harness

Enforce Design System compliance in AI-generated Figma designs with 4 skills that bind components, tokens, and styles

لغة النص الأصلي: الإنجليزية

figma-ui-mcp-bridge

Bridge AI assistants to Figma Desktop via MCP — draw UI with JavaScript, read designs as structured data, extract screenshots and tokens

لغة النص الأصلي: الإنجليزية

web-to-figma-chrome-extension

Chrome extension that captures webpages and converts them into editable Figma-compatible JSON files with support for full-page and element capture

لغة النص الأصلي: الإنجليزية

design-council-orchestration

Convene 11 role-specialized Claude agents to debate technical decisions in parallel, with the invoking Claude acting as CEO

لغة النص الأصلي: الإنجليزية