Skills
Instructions your agent can follow for layout, type, motion, forms and more.
73 skills
Results
Accessibilityby addyosmani
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
AccessibilityExternalGitHub stars: 3K
Animateby emilkowalski
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.
MotionExternalGitHub stars: 51.4K
Animation Vocabularyby emilkowalski
Sharpen motion language so animation choices feel deliberate and consistent.
MotionExternalGitHub stars: 51.4K
Antfu Designby antfu
antfu-style design conventions, broadened. UnoCSS-first, class-based semantic tokens with dual light/dark for tooling and devtools UIs, plus design-read, anti-slop, and micro-interaction polish for landing pages and product surfaces. Use when building or refactoring any interface with UnoCSS.
LayoutExternalGitHub stars: 6K
Anti Ai Slop Writingby jalaalrd
Produce human-sounding text that avoids detectable AI patterns with banned vocabulary, structural variety, and voice calibration.
TasteExternalGitHub stars: 577
Anti Slopby elithrar
Detect and remove AI writing tells from prose while preserving the author's voice in blogs, docs, emails, and reports.
TasteExternalGitHub stars: 221
Apply Design Systemby edenspiekermann
Reconnect an existing Figma design to published design system components instead of detached layers, local wrappers, or one-off assets.
Design SystemsExternalGitHub stars: 66
Audit Design Systemby edenspiekermann
Audit a Figma screen or component for design-system drift, including missing shared components, local overrides, and unbound tokens.
Design SystemsExternalGitHub stars: 66
Balise Ux Writingby mrstev3n
Reviews, rewrites, creates, harmonizes, and implements user-centered interface copy across design files, screenshots, product specifications, source code, localization catalogs, prototypes, and rendered applications. Use for buttons, navigation, forms, errors, empty states, onboarding, confirmations, settings, consent, notifications, help, and system feedback while preserving product behavior, terminology, voice, accessibility, localization, legal meaning, component structure, and implementation constraints.
TasteExternalGitHub stars: 12
Baseline Uiby ibelick
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
Design SystemsExternalGitHub stars: 10.4K
Beautiful Shadowsby MengTo
Use when a UI needs better depth, elevation, and shadow treatment without looking muddy.
VisualExternalGitHub stars: 7.1K
Best Practicesby addyosmani
Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".
PerformanceExternalGitHub stars: 3K
Better Interfaceby jakubkrehel
Run a holistic interface review across accessibility, layout, writing, typography, color, and visual polish.
VisualExternalGitHub stars: 9.2K
Better Writingby jakubkrehel
Improve UX writing for interface labels, errors, empty states, settings, notifications, and product voice consistency.
LayoutExternalGitHub stars: 9.2K
Bolderby pbakaus
Increase visual impact and personality for interfaces that feel too safe, bland, or generic.
VisualExternalGitHub stars: 95.1K
Breakby jakubkrehel
Answers "does this survive?" for one component. Renders it on a page in every state real use can put it in, and hands that page over as a visual report of what broke.
LayoutExternalGitHub stars: 9.2K
Broby luchasarie
Re-explain the previous assistant message in a much simpler, plain-language version when the last answer was too dense.
TasteExternalGitHub stars: 424
Color Contrast for Taste, Not Just Complianceby UI Skillbook
Use accessible contrast ratios as a floor, then build restrained hierarchy on top of them rather than treating them as the whole job.
Visual
Compact Landingby Danilaa1
Build compact premium landing pages with clear CTA hierarchy, quiet typography, and minimal visual noise.
VisualExternalGitHub stars: 37
Core Web Vitalsby addyosmani
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
PerformanceExternalGitHub stars: 3K
Critiqueby pbakaus
Evaluate design quality with structured UX scoring, persona checks, and actionable remediation guidance.
VisualExternalGitHub stars: 95.1K
Delightby pbakaus
Add personality and memorable moments through thoughtful interaction details and emotional UX touches.
InteractionExternalGitHub stars: 95.1K
Design Reviewby Superfuture
Run a sharp, prioritized design critique of a UI — a URL, a screenshot/image, or a component file — covering visual hierarchy, typography, spacing, color & contrast, motion, component states, responsiveness, accessibility, and brand consistency. Returns findings ranked from blocking to polish, each with a specific fix; can optionally apply the fixes to code. Use when the user asks to review/critique a design, page, screen, component, or screenshot, or to check craft/accessibility before shipping.
VisualExternalGitHub stars: 24
Design Taste Frontendby Leonxlnx
Senior UI/UX frontend skill that enforces anti-slop design decisions, motion quality, and architecture discipline.
TasteExternalGitHub stars: 105.4K
Deslopby stephenturner
Remove AI writing patterns from prose so drafts, edits, and reviews sound like a specific human wrote them.
TasteExternalGitHub stars: 16
Distillby pbakaus
Simplify noisy interfaces by removing non-essential complexity and restoring clear visual focus.
Design SystemsExternalGitHub stars: 95.1K
Emil Design Engby emilkowalski
Emil Kowalski's design-engineering philosophy for UI polish, components, animation, and production-ready frontend craft.
TasteExternalGitHub stars: 51.4K
Empty States That Do Somethingby UI Skillbook
Treat empty states as an onboarding opportunity, not a placeholder to fill later.
Visual
Explain Interfaceby jakubkrehel
Answers how was this built about an interface. Give it a URL and name the thing you're curious about, and it reads the layers that produce the effect. Reads the whole frontend instead when you don't name a thing. From a screenshot it reconstructs rather than reads and says so.
TasteExternalGitHub stars: 9.2K
Figma Generate Libraryby figma
Build or update a professional design system in Figma from a codebase, including tokens, variant sets, theming, and component libraries.
Design SystemsExternalGitHub stars: 2.1K
Find Animation Opportunitiesby emilkowalski
Find high-conviction opportunities for useful interface motion while rejecting animation that adds noise or slows users down.
MotionExternalGitHub stars: 51.4K
Generate Project Planby figma
Generate a FigJam project plan board from a PRD plus codebase context. Interactive flow: research → propose sections → per-section deep research → per-section content + block-shape proposal → create FigJam → skeleton → fill → diagrams → wrap. Each content block (section, nested section, intro callout, table, multi-column text, sticky column, diagram section, metadata strip) has its own subskill reference file. Use when the user asks for 'project plan in FigJam', 'interactive project plan', '/generate-project-plan', or provides a PRD and wants per-section confirmation on content + rendering.
LayoutExternalGitHub stars: 2.1K
Gpt Tasteby Leonxlnx
High-agency UX/UI skill with strict layout variance, typography, and GSAP motion engineering constraints.
TasteExternalGitHub stars: 105.4K
Gsap Timelineby greensock
Official GSAP timeline guidance for sequencing, position parameters, labels, nesting, and playback control with gsap.timeline().
MotionExternalGitHub stars: 17.5K
High End Visual Designby Leonxlnx
High-end visual design guidance for premium typography, spacing, depth, and animation systems.
TasteExternalGitHub stars: 105.4K
Human Reviewby petergyang
Open HTML, Markdown, or localhost pages in the browser so the user can edit text directly, leave anchored comments, and send all feedback back in one batch.
TasteExternalGitHub stars: 1.4K
Humanizeby aashaexo
Remove signs of AI-generated writing from prose and audit docs folders for slop across content, language, style, and rhetoric.
TasteExternalGitHub stars: 306
Humanizerby blader
Rewrite AI-sounding text so it reads naturally without changing meaning, based on Wikipedia's signs of AI writing.
TasteExternalGitHub stars: 62.3K
Humanizerby Aboudjem
Detect 53 AI writing patterns and rewrite text in five voice profiles, with optional scoring and in-place Markdown editing.
TasteExternalGitHub stars: 295
Image to Code Skillby Leonxlnx
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.
VisualExternalGitHub stars: 105.4K
Imagegen Frontend Mobileby Leonxlnx
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.
VisualExternalGitHub stars: 105.4K
Imagegen Frontend Webby Leonxlnx
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.
VisualExternalGitHub stars: 105.4K
Impeccableby pbakaus
Flagship design skill for production-grade, anti-generic frontend interfaces with strong craft and consistency.
TasteExternalGitHub stars: 95.1K
Industrial Brutalist Uiby Leonxlnx
Raw, mechanical interface direction mixing Swiss print structure with terminal-inspired brutalist aesthetics.
TasteExternalGitHub stars: 105.4K
Interface Reviewby jakubkrehel
Interface review of a change rather than a screen: uncommitted work, the current branch, or a pull request. Covers interface quality, not correctness, tests, or security.
TasteExternalGitHub stars: 9.2K
Landing Page Designby elayadesign
Build high-converting landing pages with intake questions, page structure, conversion copy, SEO, and a disciplined visual system.
VisualExternalGitHub stars: 12K
Layoutby pbakaus
Fix spacing, composition, and hierarchy rhythm when UI layout feels crowded, flat, or misaligned.
TasteExternalGitHub stars: 95.1K
Make Interfaces Feel Betterby jakubkrehel
Design engineering principles for making interfaces feel polished, with focus on micro-interactions, typography, and visual details.
TasteExternalGitHub stars: 3.9K
Minimalist Uiby Leonxlnx
Editorial minimal interfaces with monochrome palettes, typographic contrast, and restrained visuals.
TasteExternalGitHub stars: 105.4K
Nitroby antfu
Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere. Use when working with nitro.config, server routes/event handlers, route rules, caching, storage, tasks, websockets, or deploying to Node/Bun/Deno/Cloudflare/Vercel.
LayoutExternalGitHub stars: 6K
No Ai Slopby petergyang
Edit drafts into sharper, more human writing while preserving personal voice, or detect AI-slop patterns without rewriting.
TasteExternalGitHub stars: 13K
Overdriveby pbakaus
Push interfaces into high-impact territory with advanced animation, shaders, and ambitious interaction systems.
MotionExternalGitHub stars: 95.1K
Performanceby addyosmani
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
PerformanceExternalGitHub stars: 3K
Polishby pbakaus
Final quality pass for spacing, alignment, and consistency to prepare UI for launch.
TasteExternalGitHub stars: 95.1K
Product Design Harnessby cis2042
Decide whether a product direction, feature or workflow should continue, be verified or be reframed before anyone builds it, with a structured verdict and next action.
TasteReviewedExternalGitHub stars: 19
Quieterby pbakaus
Tone down overly intense designs while keeping quality high and preserving hierarchy.
VisualExternalGitHub stars: 95.1K
Rad Spacingby nolanperk
Apply hierarchical spacing variables across Figma layouts using proximity-based 4px and 8px increments from the file's library.
Design SystemsExternalGitHub stars: 14
Redesign Existing Projectsby Leonxlnx
Audit and upgrade existing interfaces to premium visual quality while preserving product functionality.
TasteExternalGitHub stars: 105.4K
Scandinavian Designby ericzakariasson
Apply a refined Scandinavian visual system with a neutral black-and-white foundation, restrained sans-serif typography, purposeful product imagery, generous spacing, clear page chapters, and minimal decoration. Use when the user invokes /scandinavian-design or requests a Nordic, monochrome, calm, spacious, restrained, or minimalist interface.
VisualExternalGitHub stars: 412
Seoby addyosmani
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
PerformanceExternalGitHub stars: 3K