SKILL.md packages that extend Claude Code, Cursor, Copilot, and other AI agents.
Tags

ai-toolkit
Guidelines and patterns for UI animation, micro-interactions, and component polish to build performant, accessible, and delightful interfaces.

everything-openai-codex
Foundation motion tokens, spring presets, accessibility rules, and SSR-safe animation patterns for React/Next.js using motion/react.

shadcn-svelte
Hands-on guidance for adding, updating, debugging, and composing shadcn-svelte UI components in Svelte projects, using the official CLI and project config.

oh-my-daily-skills
Generate single-file, viewport-fitted HTML slide decks with curated themes, system font fallbacks, and accessible scroll-snap navigation.

symfony-ux-skills
Guides using Stimulus JS with Symfony UX: wiring controllers via data-attributes, values, targets, actions, lazy loading, outlets, and integration patterns for

skills
Opinionated collection of Next.js best practices covering file conventions, RSC boundaries, async patterns, metadata, image/font optimization, error handling an

figui3
Guidance for developing and maintaining the FigUI3 web components library (fig-*) with best practices for accessibility, React/Vite integration, theming, and ov

pagible
Design-system guidance for a paper-textured, print-inspired theme: tokens, components, accessibility rules, and QA for consistent frontend implementation.

hyperframes
Patterns and contract for authoring CSS keyframe animations that HyperFrames can deterministically seek and render during preview and video export.

Get Shit Pretty (GSP)
Generate production-ready color systems: OKLCH palettes, WCAG contrast checks, semantic roles, and dark-mode mappings.

han
Guidance for creating and organizing ‘quarks’—design tokens and primitive values (colors, spacing, typography, shadows) that form the foundation of a design sys

solanaui
A 30-component React UI library (shadcn/ui + Tailwind) for Solana DeFi apps: swap boxes, order books, position tables, NFT cards and dashboards.

orchestkit
Turn a Claude Design handoff URL or bundle into a reviewable GitHub PR with generated Storybook stories, Playwright tests, and before/after verification.

pracht
Audit Pracht layout 'shell' components for composition bugs: document tags in shells, missing children, misplaced ErrorBoundary, missing Loading for SPA routes,

skills
A prioritized, practical rule set for React and Next.js performance: eliminating waterfalls, bundle-size reduction, server/client optimizations, and render impr

code-virtuoso
Implements UI components and frontend architecture: responsive layouts, accessibility, state management, API integration, and frontend tests.

EloPhanto (React agent)
Guidelines and rules for building flexible, maintainable React components using composition (avoid boolean prop proliferation, use compound components, lift sta

react-tips-skill
Practical checklist of 10 high-impact React patterns and anti-patterns for state, hooks, performance, and component design — use when writing or reviewing React

powerball-harness
Generates accessible UI components, landing sections, hero areas and feedback forms with constraint-driven rules and an accessibility quality gate.

web-design
A professional web design workflow that generates standardized design specifications (DESIGN.md) before producing high-fidelity, responsive UI code.

claude-code-templates
Practical guide to choosing and implementing modern React state solutions (Redux Toolkit, Zustand, Jotai, React Query) for local, global, and server state.

awesome-ai-agent-skills
Design and implement production-ready, accessible, responsive frontend interfaces and components (React/Vue/Svelte) with design tokens and dark mode support.

userinterface-wiki
Comprehensive UI/UX best-practices guide with 150+ rules for animation, typography, accessibility, audio, and performance-focused front-end patterns.

cs-demo-manager
Guidelines and patterns for adding and maintaining translations in the CS Demo Manager UI using LinguiJS—macros, pluralization, IDs, and extraction workflow.

claudefiles
Analyze designs and introduce a small, accessible color palette with semantic roles and verification steps — consults design context before proposing changes.

agent-skills
Guides an agent to add PWA features to React + Vite apps: manifest, service worker strategies, offline support, installability, and push notifications.

marketplace
Add strategic, accessible color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement without sacrificing accessibility.

front-end-checklist
Checks and enforces a single, descriptive <h1> per page to improve topical clarity and on-page SEO.

json-render
Vue 3 renderer that converts JSON UI specs into Vue components with data binding, visibility rules, and actions—useful for rendering AI-generated UI specs progr

autoskills
Practical Vue 3 integration patterns for Clerk: composables (useAuth, useUser, useClerk, useOrganization), Vue Router guards, and Pinia auth store wiring.