All authors
Claude Skills by Aradotso
github.com/Aradotso608 skills33 installs1,571 views
- Baoyu Design IntegrationRun Claude Design locally as an Agent Skill to produce polished UI mockups, prototypes, decks & wireframes as self-contained HTMLVotes: 0GitHub stars: 6
- Better Design Shadcn ThemesInstall and use themed shadcn/ui components from 31+ design systems (Linear, Stripe, Apple, Notion, etc.) with one commandVotes: 0GitHub stars: 6
- Blogger Vault Elite Designs TemplatesPremium responsive Blogger template system with modular components, atomic CSS, and SEO optimizationVotes: 0GitHub stars: 6
- Canva Design Workspace ToolkitMaster Canva Pro workflows with templates, brand kits, export formats, and collaborative design review processes.Votes: 0GitHub stars: 6
- Cc Design Html PrototypingHigh-fidelity HTML design and prototype guidance for AI agents with structured design thinking and quality guardrailsVotes: 0GitHub stars: 6
- Claude Code Design GuideComprehensive guide to understanding and implementing AI agent systems using Claude Code architecture patternsVotes: 0GitHub stars: 6
- Claude Design Premium HarnessPremium design system harness for Claude Design Web that maintains context, tokens, and component fidelity across sessionsVotes: 0GitHub stars: 6
- Claude Design Studio Ui GeneratorAI-powered UI/UX generator with dual-brain architecture (Claude + OpenAI), sub-agent workflow, and design-to-code translationVotes: 0GitHub stars: 6
- Claude Design System HooksAI-powered design-to-code engine that generates production-ready UI components from natural language using Claude APIVotes: 0GitHub stars: 6
- Claude Design System PromptInstall and customize the reverse-engineered Claude Design system prompt to turn any LLM into an opinionated, accessibility-aware design collaboratorVotes: 0GitHub stars: 6
- Claude Design Ui FrameworkAI UI/UX framework for building Claude-powered apps with React, Tailwind, screenshot-to-code, and Artifacts-style componentsVotes: 0GitHub stars: 6
- Claude2figma Design System HarnessEnforce Design System compliance in AI-generated Figma designs with 4 skills that bind components, tokens, and stylesVotes: 0GitHub stars: 6
- Cursor Talk To Figma McpMCP server enabling AI agents to read and modify Figma designs programmatically through WebSocket communicationVotes: 0GitHub stars: 6
- Design Council OrchestrationConvene 11 role-specialized Claude agents to debate technical decisions in parallel, with the invoking Claude acting as CEOVotes: 0GitHub stars: 6
- Design Diversity CatalogApply 100 distinct design styles to AI-generated presentations and websites using Claude Code's design-pick skillVotes: 0GitHub stars: 6
- Design Dna ExtractorExtract and apply visual design identity as machine-readable Design DNA JSON (tokens, style, effects) from reference UIsVotes: 0GitHub stars: 6
- Design Extract System Tokens> Skill by [ara.so](https://ara.so) — Design Skills collection. **designlang** (design-extract) is a headless browser-based design system extraction tool that reads any live website and outputs 17+ artifacts: W3C DTCG tokens, Tailwind configs, Figma variables, shadcn/ui themes, iOS/Android/Flutter code, component anatomy, brand voice, WCAG audits, and AI-ready prompts. It goes beyond simple token extraction to capture layout patterns, responsive behavior, interaction states, motion language, ...Votes: 0GitHub stars: 6
- Design Harness Agent SkillTurn scattered research and ideas into traceable system designs using markdown cards, evidence linking, and a visual canvasVotes: 0GitHub stars: 6
- Design Judge SkillsEvidence-driven agent skills for design award research, evaluation, matching, entry preparation, and submission checks across 11+ major design awardsVotes: 0GitHub stars: 6
- Design Md Chrome ExtractorChrome extension that extracts design systems from websites and generates DESIGN.md or SKILL.md files for AI coding agents using TypeUI formatVotes: 0GitHub stars: 6
- Design Md FormatCreate and validate DESIGN.md files that give AI coding agents structured understanding of design systems through machine-readable tokens and human-readable rationale.Votes: 0GitHub stars: 6
- Design Motion PrinciplesContext-aware motion design skill with build and audit modes, applying three distinct philosophies from Emil Kowalski, Jakub Krehel, and Jhey TompkinsVotes: 0GitHub stars: 6
- Design Os Product PlanningUse Design OS to guide product planning, data modeling, design systems, and UI design before implementationVotes: 0GitHub stars: 6
- Design Qa Review SkillUI design review and QA tool for comparing design mockups against implementation screenshots to check visual restoration accuracyVotes: 0GitHub stars: 6
- Designer Skills CollectionInstall and use agentic design skills, commands, and plugins for Claude Code — covering research, systems, UI, interaction, and delivery.Votes: 0GitHub stars: 6
- Designmd Supply GeneratorGenerate DESIGN.md files from any website using Context.dev APIs for design tokens, brand data, and visual extractionVotes: 0GitHub stars: 6
- Designpowers Agent TeamControl a team of 10 design agents that run an inclusive design process from discovery through handoff with accessibility woven into every step.Votes: 0GitHub stars: 6
- Diagram Design EditorialCreate editorial-quality diagrams in HTML + SVG matching your brand — architecture, flowcharts, sequences, timelines, quadrants, and 9 more types.Votes: 0GitHub stars: 6
- Esther Design SystemAI-driven personal brand design system that converts content into consistent, brand-aligned HTML pages with predefined colors, fonts, layouts, and componentsVotes: 0GitHub stars: 6
- Figma Boost McpAI-powered Figma enhancement toolkit with MCP integration for design automation, icon management, and creative workflowsVotes: 0GitHub stars: 6
- Figma Bridge Html ExportTransform Figma designs into LLM-friendly HTML/CSS for AI-assisted developmentVotes: 0GitHub stars: 6
- Figma Capture ExtensionChrome extension that captures webpages into Figma's clipboard format with font fixes and DOM cleanupVotes: 0GitHub stars: 6
- Figma Console Mcp Design System ApiConnect AI to Figma for design system extraction, component creation, token sync, and visual debugging via MCPVotes: 0GitHub stars: 6
- Figma Console Mcp SkillsUse powerful Figma Console MCP capabilities as Markdown skills for design tokens, variables, components, WCAG lint, a11y audits, version history, FigJam & SlidesVotes: 0GitHub stars: 6
- Figma Context Mcp CachedCache-enabled Figma Context MCP server for AI agents to fetch and analyze Figma designs with persistent disk cachingVotes: 0GitHub stars: 6
- Figma Cracked DesktopUnofficial Figma desktop client for collaborative interface design, prototyping, and FigJam whiteboardingVotes: 0GitHub stars: 6
- Figma Design Md GeneratorGenerate DESIGN.md and SKILL.md files from Figma design systems for AI-assisted developmentVotes: 0GitHub stars: 6
- Figma Design Md PluginFigma plugin that extracts local styles and generates DESIGN.md and SKILL.md files for AI-driven design system implementationVotes: 0GitHub stars: 6
- Figma Design System To Design MdConvert Figma design tokens into structured design.md for AI-assisted coding with Cursor, Claude Code, and CopilotVotes: 0GitHub stars: 6
- Figma Flutter Mcp Design To CodeExtract Figma design tokens, components, and screens to generate Flutter code using Model Context Protocol (MCP)Votes: 0GitHub stars: 6
- Figma Kiwi Protocol DecodeDecode Figma's binary Kiwi wire protocol to extract scenegraph, SVGs, and CSS from WebSocket frames, and write mutations back to live files.Votes: 0GitHub stars: 6
- Figma Make ExtractorExtract source code, design tokens, and assets from Figma Make (.make) files into runnable React applicationsVotes: 0GitHub stars: 6
- Figma Make Local RunnerRun and build Figma Make exported code locally with automatic dependency resolution and asset handlingVotes: 0GitHub stars: 6
- Figma Mcp BridgeStream live Figma document data to AI tools via MCP server, bypassing API rate limits for free usersVotes: 0GitHub stars: 6
- Figma Mcp CachedCache-enabled Figma Context MCP server with persistent disk caching to reduce API rate limits and improve performance for AI-powered design workflowsVotes: 0GitHub stars: 6
- Figma Mcp Go Design AutomationAutomate Figma designs with AI using MCP server - no API limits, full read/write via plugin bridgeVotes: 0GitHub stars: 6
- Figma Mcp IntegrationEnable AI agents to read and modify Figma designs programmatically through Model Context Protocol integrationVotes: 0GitHub stars: 6
- Figma Pilot McpControl Figma through code execution with MCP - create, modify, and query design elements programmatically via AI agentsVotes: 0GitHub stars: 6
- Figma Portfolio NextjsBuild and customize a modern developer/designer portfolio with Next.js, TypeScript, and TailwindCSS featuring animated typing effects and responsive layouts.Votes: 0GitHub stars: 6
- Figma To Ai PrompterGenerate optimized prompts from Figma designs for AI prototyping tools like Lovable, Figma Make, Pencil.dev, Paper.design and Google StitchVotes: 0GitHub stars: 6