Top AI Skills for Designers and UI Developers
Design and development are converging. This collection features skills that bridge the gap — generating UI components from Figma designs, scaffolding design systems, writing accessible Tailwind CSS, and creating polished interfaces from natural language descriptions.
30 skills in this collection
Theme Factory
Apply professional design themes to artifacts and projects
Theme Factory
Skill from anthropics/skills
Ui Ux Pro Max Skill
An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
Algorithmic Art
Generate creative algorithmic art using p5.js for generative and procedural designs
Slack GIF Creator
Create animated GIFs optimized for Slack's size constraints and messaging
Frontend Design
Build distinctive frontends avoiding generic aesthetics with bold design decisions for React & Tailwind
Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts and designs
Canvas Design
Create visual art and designs in PNG and PDF formats using canvas-based rendering
Artifacts Builder
Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components
Generative Media Skills
Multi-modal Generative Media Skills for AI Agents (Claude Code, Cursor, Gemini CLI). High-quality image, video, and audio generation powered by muapi.ai.
Cc Sdd
Spec-driven development (SDD) for your team's workflow. Kiro style commands that enforce structured requirements→design→tasks workflow and steering, transforming how you build with AI. Support Claude Code, Codex, Cursor, Github Copilot, Gemini CLI and Windsurf.
Claude Blog
Claude Code skill ecosystem for blog content creation, optimization, and management. Dual-optimized for Google rankings and AI citations.
Web Asset Generator
Generate favicons, app icons, and social media images for web projects
Developer Kit
This repository is a starter kit for building "skills" and "agents" for Claude Code. The current content focuses on patterns, conventions, and agents for Java projects (Spring Boot, JUnit, LangChain4J), but the kit is designed to be extensible and multi-language (PHP, TypeScript, Python, etc.).
Bizard
Bizard: A Biomedical Visualization Atlas. https://openbiox.github.io/Bizard/
Rune
Rune: Stop Corporate Amnesia. Start Assetizing Intelligence.
Better Browser Use
A hybrid SOTA browser use skill with tiered stealth escalation and turnstyle captcha trigger-avoidance. Includes early WebMCP functionality.
HXAudioPlayer
HX Audio Player: A custom audio wrapper library for Android 2.3 and above. Originally designed as an audio library for games, HX Audio Player is an easy-to-use, alternative approach to implementing music and sound playback into Android applications.
Claude Design Auditor Skill
A Claude skill that audits designs against 17 professional design rules.
Ha Omlet Integration
Custom Home Assistant integration for Omlet devices, enabling monitoring and control of Autodoors and Smart Fans. Includes features like battery level monitoring, door/light control, and updates via API.
Economist Tui
Read The Economist from your terminal using your subscription. Unofficial. Comes with CLI and SKILL.md.
Hinge Profile Optimizer
Hinge Dating Profile Optimizer — A Claude Skill. Comprehensive, research-backed process based on 45+ peer-reviewed sources. 45 mins to meet your life partner (or weekend 9/10).
Startup Os Skills
Startup OS - Collection of Claude Code skills
Claude Code Design Skills
Claude Code skills for automated design-to-code workflows.
GAP Design System
GAP Design System with vuetify
Security List
If you have any good suggestions or comments during the search process, please feedback some index experience in issues. Thank you for your participation.查阅过程中，如果有什么好的意见或建议，请在Issues反馈，感谢您的参与。
Image Gen
Image generation skill that uses Gemini Banana to generate images.
Hw Concept
Hardware concept design engineer for Claude Code.
Svg To React
Convert svg images to react components that can be managed with props (color, size...)
Imagen
Generate images via Google Gemini API for creative projects