Skills
Instructions your agent can follow for layout, type, motion, forms and more.
230 skills
Results
Siteplane Truncateby UI Skillbook
Cuts text after one line or a set number of lines with an ellipsis and shows the full text in a tooltip.
Siteplane UI
Siteplane Typesetby UI Skillbook
Applies the kit's typography to rendered markdown, like chat replies or docs, by mapping elements to components.
Siteplane UI
Slide Wrightby arifszn
Create beautiful, animated web presentations from a topic, rough notes, or an outline. Generates a custom theme and a short two-slide preview, then builds the full deck only once the user confirms the direction. Use when the user wants to make slides, a presentation, a talk deck, or a pitch deck.
MotionExternalGitHub stars: 65
Slidesby nextlevelbuilder
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
VisualExternalGitHub stars: 142.5K
Slidevby antfu
Create developer slide decks with Slidev using Markdown, Vue components, code highlighting, and animations.
MotionExternalGitHub stars: 6K
Slopbethby ehmo
Remove AI-writing tells from prose while preserving meaning, voice, and density during drafting, editing, or review.
TasteExternalGitHub stars: 110
Smooth Shadow Ringby flornkm
Style elevated surfaces with smooth shadow ring utilities instead of combining borders or rings with shadows and creating double edges.
VisualExternalGitHub stars: 149
Spacing That Doesn't Look AI-Generatedby UI Skillbook
Use a consistent spacing scale and grouping logic instead of arbitrary padding values.
Layout
Stitch Design Tasteby Leonxlnx
Semantic design-system skill for Google Stitch with strict anti-generic UI generation rules.
Design SystemsExternalGitHub stars: 105.4K
Svg Animationby iart-ai
SVG animation techniques for stroke draw-on effects, path morphing, motion paths, animated icons, gradients, and filters.
MotionExternalGitHub stars: 64
Swiftui Ui Patternsby dimillian
Best practices and example-driven guidance for building SwiftUI views and components. Includes tab architecture and screen composition.
ResponsiveExternalGitHub stars: 4K
Swiss Designby zeke
Swiss design system skill focused on grid discipline, typography hierarchy, and clean editorial interface composition.
VisualExternalGitHub stars: 159
Sync Figma Tokenby firebenders
Sync design tokens between code and Figma variables with drift reporting, approval gates, safe delta apply, and persisted reports.
Design SystemsExternalGitHub stars: 27
Tailwindcssby MengTo
Use when you are implementing UI with Tailwind and want reusable, practical utility-first patterns.
LayoutExternalGitHub stars: 7.1K
Taste Skill V1by Leonxlnx
The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.
VisualExternalGitHub stars: 105.4K
Text to Lottieby diffusionstudio
Turn text prompts into polished Lottie animations for motion-heavy UI work.
MotionExternalGitHub stars: 5.6K
Thermo Nuclear Code Quality Reviewby cursor
Run an extremely strict maintainability review for abstraction quality, giant files, and spaghetti-condition growth.
Design SystemsExternal
Threejsby MengTo
Use when building 3D scenes, interactions, or WebGL-backed interface moments in Three.js.
VisualExternalGitHub stars: 7.1K
Threejs Animationby cloudai-x
Three.js animation guidance for keyframes, skeletal animation, morph targets, and animation blending.
VisualExternalGitHub stars: 3.8K
Threejs Fundamentalsby cloudai-x
Three.js scene setup guidance for cameras, renderer configuration, object hierarchy, and transforms.
VisualExternalGitHub stars: 3.8K
Threejs Geometryby cloudai-x
Three.js geometry patterns for built-in shapes, BufferGeometry, custom meshes, and instancing.
VisualExternalGitHub stars: 3.8K
Threejs Interactionby cloudai-x
Three.js interaction patterns for raycasting, controls, pointer input, and object selection.
VisualExternalGitHub stars: 3.8K
Threejs Lightingby cloudai-x
Three.js lighting guidance for light types, shadows, environment lighting, and performance tuning.
VisualExternalGitHub stars: 3.8K
Threejs Loadersby cloudai-x
Three.js asset loading patterns for GLTF, textures, HDR assets, async loading, and progress handling.
VisualExternalGitHub stars: 3.8K
Threejs Materialsby cloudai-x
Three.js material guidance for PBR, classic materials, shader materials, and material optimization.
VisualExternalGitHub stars: 3.8K
Threejs Postprocessingby cloudai-x
Three.js post-processing techniques with EffectComposer, bloom, depth of field, and screen-space effects.
VisualExternalGitHub stars: 3.8K
Threejs Shadersby cloudai-x
Three.js shader guidance for GLSL, ShaderMaterial, uniforms, and custom vertex and fragment effects.
VisualExternalGitHub stars: 3.8K
Threejs Texturesby cloudai-x
Three.js texture workflows for maps, UV mapping, environment maps, and texture configuration.
VisualExternalGitHub stars: 3.8K
To Issuesby mattpocock
Breaks a plan or PRD into independently actionable issues.
Design SystemsExternalGitHub stars: 306.5K
To Prdby mattpocock
Turns a conversation into a PRD and publishes it to the issue tracker.
Design SystemsExternalGitHub stars: 306.5K
Triageby mattpocock
Moves issues through a structured triage state machine.
Design SystemsExternalGitHub stars: 306.5K
Typesetby pbakaus
Improve typography systems, hierarchy, readability, and text cadence for more intentional interfaces.
TypographyExternalGitHub stars: 95.1K
UI Skillbook — Start Hereby UI Skillbook
Routing skill for agents. Explains how to search, filter, and fetch skills from UI Skillbook instead of loading the whole catalog.
Design Systems
Ui Skills Rootby ibelick
Use when the user needs UI help and you must route by topic, stack, and intent to the smallest useful set of UI skills.
Design SystemsExternalGitHub stars: 10.4K
Ui Stylingby nextlevelbuilder
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 (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
VisualExternalGitHub stars: 142.5K
Ui Ux Pro Maxby nextlevelbuilder
Comprehensive UI/UX design intelligence with 50+ styles, 97 palettes, and 9 technology stacks for building professional interfaces.
VisualExternalGitHub stars: 142.5K
Unlazyby Leonxlnx
Anti-laziness execution discipline that finishes substantial tasks through gate files and runnable checks instead of premature done reports.
TasteExternalGitHub stars: 4.2K
Unocssby antfu
UnoCSS atomic CSS engine guidance for rules, shortcuts, and presets like Wind, Icons, and Attributify.
VisualExternalGitHub stars: 6K
Unslopby cursor
Cut AI tells from any writing by editing text to remove machine patterns and restore a more human voice.
TasteExternalGitHub stars: 14.6K
Use of Colorby AccessLint
Compatibility listing for use-of-color installs from AccessLint's marketplace skill set.
AccessibilityExternalGitHub stars: 114
Variantby jakubkrehel
Answers which of these rather than is this right. Builds several genuinely different versions of one piece of UI behind a picker in the real page, so you can flip between them and promote the one that wins.
VisualExternalGitHub stars: 9.2K
Vercel React Best Practicesby vercel-labs
Vercel React best practices for rendering performance, bundle efficiency, and scalable component architecture.
LayoutExternalGitHub stars: 33.2K
Vue Debug Guidesby vuejs-ai
Practical debugging workflows for diagnosing and fixing Vue reactivity, rendering, and state issues.
VisualExternalGitHub stars: 3.2K
Vue Pinia Best Practicesby vuejs-ai
Patterns for clean, scalable state management in Vue apps using Pinia stores.
Design SystemsExternalGitHub stars: 3.2K
Web Cloneby Jane-xiaoer
网站复刻 / 克隆方法论。Use when the user says to clone, reproduce, or recreate a website or WebGL/Canvas/Three.js effect. Covers source-first reconstruction, repo scaffolding, reverse engineering, implementation paths, and verification for static sites, content sites, and heavy front-end experiences.
LayoutExternalGitHub stars: 1.1K
Web Design Guidelinesby vercel-labs
Review UI code for Web Interface Guidelines compliance. Audit design, accessibility, and UX against Vercel's best practices.
VisualExternalGitHub stars: 33.2K
Web Design Guidelinesby antfu
Review UI code for web interface guideline compliance, including accessibility and UX best practices.
VisualExternalGitHub stars: 6K
Webgl Componentsby flornkm
Build small, always-on WebGL visuals (identity avatars, ambient orbs, glass and iridescent surfaces, animated textures) that ship inside a normal web app UI without wrecking performance, accessibility, SSR, or layout. Use whenever a shader-, GLSL-, or canvas-driven decorative element is added to a product UI, especially one rendered many times per page or per list; when reviewing or optimizing one; or when debugging one that renders blurry, aliased, all-black, or paints over the surrounding UI on machines without hardware acceleration.
VisualExternalGitHub stars: 115
Webgl Landing Steeringby MengTo
Use when steering a landing page around a WebGL centerpiece or hero experience.
VisualExternalGitHub stars: 7.1K
Write Swiftby emilkowalski
How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know about yet. Use when writing, reviewing, or migrating Swift, or when a concurrency error, a hang, a data race, a retain cycle, or a performance problem needs fixing.
LayoutExternalGitHub stars: 51.4K