Skill directory
MCP Skill Hub
Agent skills package reusable instructions, workflows, scripts, and domain knowledge. Compare public skills, inspect their source, and install focused capabilities for Codex, Claude Code, Cursor, and other coding agents.
Agent skill listings
117 matching skills
Delight
Add personality and memorable moments through thoughtful interaction details and emotional UX touches.
Distill
Simplify noisy interfaces by removing non-essential complexity and restoring clear visual focus.
Harden
Make interfaces production-ready with robust empty states, edge cases, errors, onboarding, and i18n resilience.
Impeccable
Flagship design skill for production-grade, anti-generic frontend interfaces with strong craft and consistency.
Layout
Fix spacing, composition, and hierarchy rhythm when UI layout feels crowded, flat, or misaligned.
Optimize
Diagnose and improve interface performance across rendering, motion smoothness, assets, and load speed.
Overdrive
Push interfaces into high-impact territory with advanced animation, shaders, and ambitious interaction systems.
Polish
Final quality pass for spacing, alignment, and consistency to prepare UI for launch.
Quieter
Tone down overly intense designs while keeping quality high and preserving hierarchy.
Shape
Plan feature UX before coding via a structured design interview that produces an actionable design brief.
Typeset
Improve typography systems, hierarchy, readability, and text cadence for more intentional interfaces.
Transitions Dev
Production-ready CSS transition patterns for web apps, with drop-in snippets for cards, modals, dropdowns, panels, and page transitions.
Daisyui
Official daisyUI component library skill, providing docs, class names, examples and code examples to generate better daisyUI code.
Compact Landing
Build compact premium landing pages with clear CTA hierarchy, quiet typography, and minimal visual noise.
Text To Lottie
Turn text prompts into polished Lottie animations for motion-heavy UI work.
Brag
Turn a finished project into a short shareable launch video with motion, music, and copy.
Build Primitive
Build foundational UI primitives from scratch with strong ARIA, keyboard, focus, and state handling.
Animation Vocabulary
Sharpen motion language so animation choices feel deliberate and consistent.
Review Animations
Review animation quality, timing, and motion consistency with a production-critical eye.
Refine Live
Iteratively refine UI in live sessions with a focus on motion, polish, and interaction detail.
Engineering
Routing bundle for code work covering planning, debugging, TDD, architecture, and execution flows.
To Issues
Breaks a plan or PRD into independently actionable issues.
To Prd
Turns a conversation into a PRD and publishes it to the issue tracker.
Improve
Survey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on source code — never implements, fixes, or refactors anything itself. Use when asked to audit a codebase, find improvement opportunities (bugs, security, performance, test coverage, tech debt, migrations, DX), suggest features or take the project next, or generate handoff plans for another agent to implement.
Thermo Nuclear Code Quality Review
Run an extremely strict maintainability review for abstraction quality, giant files, and spaghetti-condition growth.
UIZZE
Stop shipping the same generic dashboard. Free standalone skill using UIZZE patterns, design contracts, and a hard finish gate; pair it with 800,000+ real web and iOS screens through the optional UIZZE MCP.
image-to-code
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.