Transform static system design diagrams into interactive, explorable visualizations using AI-powered analysis and React Flow.
Skills in this repository
Aradotso/design-skills - Page 3
SkillsMP has collected 117 skills from Aradotso/design-skills. Open a skill to review its source and details.
Aradotso/design-skillsShowing 37 of 117 collected skills.
Expert in Anvil Level Design Blender addon for Trenchbroom-inspired level design with automated material/UV management and geometry tools
Google's Material Design theme and control library for WPF applications in C# and VB.Net
Convert Figma designs to production-ready React components with Tailwind CSS using VibeFigma
A comprehensive Bengali-language course on practical digital product design covering craft, system thinking, and professional workflows
Control Figma from command line with 100+ commands for AI agents to create shapes, text, components, set styles, and export designs
Connect AI to Figma for design system extraction, component creation, token sync, and visual debugging via MCP
Curated guide for implementing design patterns, architecture decisions, and verified design rules in software projects
Cursor skill that gives AI agents production-grade UI component knowledge with best practices, layout patterns, and design-system conventions for 60+ interface components
AI-powered poster and cover design tool that generates master-level artwork from natural language prompts using 20+ legendary designer styles
Generate images and videos with AI using MeiGen MCP server for Claude Code, Cursor, and other AI coding tools
Use Design OS to guide product planning, data modeling, design systems, and UI design before implementation
Pull and use curated DESIGN.md and SKILL.md files for AI-powered design systems and agentic workflows
Extract and apply visual design identity as machine-readable Design DNA JSON (tokens, style, effects) from reference UIs
MCP server enabling AI agents to read and modify Figma designs programmatically through WebSocket communication
Enable AI agents to read and modify Figma designs programmatically through Model Context Protocol integration
Automate Figma designs with AI using MCP server - no API limits, full read/write via plugin bridge
Generate accurate Japanese UI with proper CJK typography using DESIGN.md specifications for 186+ Japanese web services
Generate brand-aligned presentation slides using Claude with 20 codified design principles and 72+ pre-built brand systems
Comprehensive guide to understanding and implementing AI agent systems using Claude Code architecture patterns
Install and use agentic design skills, commands, and plugins for Claude Code — covering research, systems, UI, interaction, and delivery.
Drop-in design system for Unity 6 UI Toolkit with tokens, components, icons, mobile responsiveness, and runtime helpers
High-fidelity HTML design and prototype guidance for AI agents with structured design thinking and quality guardrails
Design engineering skill for Claude Code that enforces consistent UI patterns through memory, craft principles, and systematic design tokens.
Generate UI components in Nothing's monochrome, typographic, industrial design language with Swiss typography and OLED aesthetics
Generate UI components in Nothing's design language — monochrome, typographic, industrial aesthetic with Swiss typography and mechanical interface elements
Generate UI components in Nothing's monochrome, typographic, industrial design language with full dark/light mode support
Generate UI components in Nothing's monochrome, typographic, industrial design language with Swiss typography and OLED-optimized aesthetics
Chrome extension that extracts design systems from websites and generates DESIGN.md or SKILL.md files for AI coding agents using TypeUI format
Create editorial-quality diagrams in HTML + SVG matching your brand — architecture, flowcharts, sequences, timelines, quadrants, and 9 more types.
Use ready-to-use DESIGN.md files to scaffold complete design systems in Claude Design with colors, typography, components, and UI kits
Access and work with Keychron keyboard and mouse industrial design files (STEP, DXF, DWG, PDF) for 135+ models to create compatible accessories, remixes, and modifications.
AI UI/UX framework for building Claude-powered apps with React, Tailwind, screenshot-to-code, and Artifacts-style components
AI-powered design-to-code engine that generates production-ready UI components from natural language using Claude API
Use Open CoDesign to generate prototypes, slides, and PDFs from prompts with Claude, GPT, Gemini, or local models
Create and validate DESIGN.md files that give AI coding agents structured understanding of design systems through machine-readable tokens and human-readable rationale.
Local-first AI design tool that turns coding agents into design engines with 31 skills, 129 design systems, and multi-format export