SkillDesign
Color Palette
Build harmonious color palettes — complementary, analogous, triadic schemes with WCAG contrast checks and CSS variable exports.
✳Claude Code
By inbharataiOriginal project
15 GitHub starsMIT · FreeView skill
FREE RESOURCE LIBRARYAI prompts and
AI prompts and
agent skills.
Browse reusable instructions for your AI tools. Copy and customize a prompt, or download a skill for a supported agent.
108 prompts54951 skills6 platforms
Browse resources 
BROWSE RESOURCES
Claude resources32214 resources
SkillDesign
Frontend Design
Design pixel-perfect frontend UIs with HTML/CSS/Tailwind — responsive layouts, component libraries, and design-to-code workflows.
✳Claude Code
By inbharataiOriginal project
15 GitHub starsMIT · FreeView skill
SkillDesign
Logo Designer
Design SVG logos with multiple variants — primary, monochrome, favicon, and animated versions with brand alignment.
✳Claude Code
By inbharataiOriginal project
15 GitHub starsMIT · FreeView skill
SkillDesign
Theme Factory
Generate complete UI themes — color tokens, spacing scales, typography systems, and dark/light mode variants.
✳Claude Code
By inbharataiOriginal project
15 GitHub starsMIT · FreeView skill
SkillDesign
Wireframe Builder
Generate low-fidelity wireframes and user-flow diagrams — screens, navigation maps, and interaction annotations.
✳Claude Code
By inbharataiOriginal project
15 GitHub starsMIT · FreeView skill
SkillDesign
Anima Hello World
Generate React/Vue/HTML code from a Figma design using the Anima SDK.
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Anima Security Basics
Secure Anima and Figma tokens for design-to-code pipelines.
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Figma Common Errors
Diagnose and fix common Figma REST API and Plugin API errors.
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Figma Advanced Troubleshooting
Deep debugging for Figma API issues: network analysis, response inspection,
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Figma Reference Architecture
Reference architecture for production Figma API integrations.
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Figma Architecture Variants
Choose between Figma integration architectures: CLI script, webhook
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Figma Core Workflow A -- Design Token Extraction
Extract design tokens, colors, typography, and spacing from Figma files
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Figma Hello World
Make your first Figma REST API call to fetch a file and inspect its
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Figma Install & Auth
Set up Figma REST API authentication with personal access tokens or
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Figma Known Pitfalls
Avoid the most common Figma API integration mistakes and anti-patterns.
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Figma Migration Deep Dive
Migrate design systems between Figma files, or from other tools to Figma
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Figma SDK Patterns
Production-ready patterns for the Figma REST API and Plugin API.
✳Claude Code
By jeremylongshoreOriginal project
2,881 GitHub starsMIT · FreeView skill
SkillDesign
Design System
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
✳Claude Code
By nextlevelbuilderOriginal project
91,398 GitHub starsMIT · FreeView skill
SkillDesign
UI Styling Skill
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (di...
✳Claude Code
By nextlevelbuilderOriginal project
91,398 GitHub starsApache-2.0 · FreeView skill
SkillDesign
{Title}
Designer's eye plan review — interactive, like CEO and Eng review. Rates each design dimension 0-10, explains what would make it a 10, then fixes the plan to get there. Works in plan mode. For live site visual audits, use /design-review. Use when asked to "review the design plan" or "design criti...
✳Claude Code
By onlypfachiOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
Design Review Skill
7-phase frontend design review with accessibility (WCAG 2.1 AA), responsive testing, visual polish. Use for PR reviews, UI audits, or encountering contrast issues, broken layouts, accessibility violations, inconsistent spacing, missing focus states.
✳Claude Code
By secondskyOriginal project
73 GitHub starsMIT · FreeView skill
SkillDesign
Check for prior content creation context before starting
Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms).
✳Claude Code
By techwavedevOriginal project
3 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Imagen - AI Image Generation Skill
AI image generation skill powered by Google Gemini, enabling seamless visual content creation for UI placeholders, documentation, and design assets.
✳Claude Code
By techwavedevOriginal project
3 GitHub starsApache-2.0 · FreeView skill
SkillFinance & Accounting
QuickBooks Online Invoice Reconciliation Agent
Connects to the QuickBooks Online Accounting API using OAuth 2.0 via the intuit-oauth Node.js SDK to fetch unpaid invoices and match them against bank transaction records. Discrepancies are flagged and a reconciliation report is generated as a PDF using PDFKit, then emailed via SendGrid.
✳Claude Code
By agentskillexchangeOriginal project
13 GitHub starsMIT · FreeView skill
No matching resources.
Try another platform, a broader search, or fewer filters.
Explore all resourcesResource formats: Prompts are ready to copy into a conversation. Skills install into the compatible agent shown on their page.
How it worksCONTRIBUTE
Submit a resourceSubmit a prompt or skill
Include the instructions, intended platforms, author, and license. Submissions are reviewed before publication.