NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
vintage skill Generates retro design-system specifications with skeuomorphic details, pixel typography, and strict accessibility criteria.
CX Codex +1
2,300installs
cafe skill This skill gives coding agents a cafe-inspired UI system with warm colors, soft type, and clear layout rules. Use it when interface guidance needs a defined foundation.
CX Codex +1
2,300installs
flat skill Gives your coding agent a flat-design rulebook: tokens, type scale, component states and accessibility. Useful when a project needs one consistent UI style.
CX Codex +1
2,400installs
dramatic skill Generates high-contrast design system guidelines with dark surfaces and Outfit typography. Built for engineers drafting component specs compliant with WCAG 2.2 AA.
CX Codex +1
2,300installs
ant skill A skill that hands your agent the Ant Design rulebook: tokens, component states, accessibility. Useful for dense tables and forms.
CX Codex +1
2,400installs
cosmic skill Applies a futuristic sci-fi design system with dark themes and neon accents. Generates accessible component specifications backed by WCAG 2.2 AA.
CX Codex +1
2,400installs
artistic skill Gives your coding agent a design-system rulebook: high contrast, expressive type, bold color tokens. Useful when the UI needs to stand out, not blend in.
CX Codex +1
2,400installs
friendly skill This skill makes the agent author design-system guidelines in a friendly style: rounded shapes, generous whitespace, soft pastels. Useful when you want a UI that feels approachable rather than sharp.
CX Codex +1
2,400installs
bold skill This skill guides agents to write design system documentation with heavy typography and WCAG 2.2 AA accessibility. Ideal for creating UI component specs.
CX Codex +1
2,400installs
gradient skill The skill turns your agent into a design-system author: tokens, type scale, component states and accessibility criteria for gradient-rich UI.
CX Codex +1
2,400installs
colorful skill A design-system skill that hands your agent tokens, type scale, component states and accessibility rules. Useful when one interface needs one visual language.
CX Codex +1
2,400installs
creative skill Generates design system guidelines for playful landing pages using Bangers typography and token-based styling. Enforces WCAG 2.2 AA accessibility standards.
CX Codex +1
2,400installs
doodle skill This skill sets a playful doodle style for interface guidance with handwritten fonts, sketches, and imperfect lines. Use it when shaping a design system or UI guide.
CX Codex +1
2,400installs
spacious skill Turns your agent into a design-system author: generous whitespace, an 8pt grid, colour tokens. Useful when generated UI comes out cramped.
CX Codex +1
2,400installs
paper skill Generates Paper Design UI guidelines with tactile print styling, strict typography tokens, and WCAG 2.2 AA accessibility rules.
CX Codex +1
2,400installs
futuristic skill This skill gives an agent a futuristic design system with typography, tokens, component states, and accessibility rules. Use it when writing UI guidance.
CX Codex +1
2,400installs
trees skill Guides agents on rendering and controlling file trees with @pierre/trees. Useful for React, vanilla JS, SSR, or web component setups.
CX Codex +1
307installs
tailwindcss skill A skill that steers your coding agent through Tailwind CSS UI work: layout, typography, responsive variants, theming and component patterns.
CX Codex +1
1,700installs
optimize-web-animations skill Pauses offscreen CSS, Canvas, and WebGL animations and fixes frontend memory leaks. Useful when long browser sessions or heavy page effects cause janky scrolling and high CPU load.
CX Codex +1
1,700installs
progressive-blur skill This skill creates a top or bottom CSS progressive blur with layered backdrop-filter masks. Use it for a soft fade at the viewport edge.
CX Codex +1
1,700installs
cobejs skill A skill that walks the agent through building a small spinning globe with cobe, markers included. Handy for hero sections and about pages.
CX Codex +1
1,700installs
native-feel-cross-platform-desktop skill A skill for designing cross-platform desktop apps that feel native: windowing, hotkeys, materials, fast launch.
CX Codex +1
608installs
anti-ui-slop skill Keeps a coding agent from shipping a generic screen: it reads the product context, covers the required states, and checks the rendered result for visible breakage.
CX Codex +1
475installs
sega skill Defines rules for an arcade-inspired design system with VT323 typography, 0px corners, and chunky push buttons. Useful when crafting game UI specs.
CX Codex +1
2,200installs
matrix skill This skill guides a dark Matrix-style interface with tokens, component states, and accessibility checks. Use it when an agent needs concrete UI rules.
CX Codex +1
2,200installs
riso skill Turns your coding agent into a design-system author for a two-color risograph look: warm paper, pink accent, blue headings.
CX Codex +1
2,200installs
fiction skill Generates design system guidelines in a cartoonesque children's book style with cream backgrounds, thick outlines, Cossette Texte typography, and WCAG 2.2 AA checks.
CX Codex +1
2,200installs
terracotta skill A skill that hands your coding agent the Terracotta design system: cream surfaces, ink-brown serif headlines and one terracotta accent.
CX Codex +1
2,300installs
impeccable skill The skill turns your agent into a design-system author: tokens, type scale, component states, accessibility criteria. Useful when a project needs one visual language.
CX Codex +1
2,300installs
codex skill Enforces a radically minimal monochrome design system and generates component specifications compliant with WCAG 2.2 AA.
CX Codex +1
2,300installs
sketch skill This skill defines a hand-drawn design system for AI-assisted UI work. Use it for component guidance with tokens, interaction states, and testable accessibility rules.
CX Codex +1
2,300installs
blender-web-pipeline skill Exports Blender models and animations into web-ready glTF 2.0 assets. It helps automate Draco compression, polygon decimation, and batch Python runs.
CX Codex +1
3,500installs
figma-build skill Builds or updates a design in a connected Figma file from code or a description, reusing its components, variables, and styles. Useful for moving UI work onto the canvas.
CX Codex +1
1,300installs
swiftui-animation skill Guides your agent through SwiftUI motion APIs. It helps choose spring curves, keyframes, transitions, and accessibility settings.
CX Codex +1
5,400installs
webgl-3d-object skill Guides coding agents to generate standalone Three.js 3D objects with physical materials, directional lighting, and proper memory cleanup.
CX Codex +1
1,600installs
video-to-superprompt skill Turns a reference video into a detailed build prompt for UI, motion and scrolling behavior. Use it before recreating a page or app from a video demo.
CX Codex +1
1,600installs
webgl-landing-steering skill Guides visual direction, Three.js architecture, and performance budgets for WebGL landing pages before writing front-end code.
CX Codex +1
1,600installs
masked-reveal skill This skill reveals words through an overflow mask as text enters the viewport with GSAP ScrollTrigger. Use it for headings, hero copy, and short section intros.
CX Codex +1
1,600installs
nuxt-seo skill Guides an agent through Nuxt SEO setup for crawl rules and structured data. It also covers sitemaps and OG images.
CX Codex +1
3,100installs
stripe-apps skill Guides coding agents in building, modifying, and reviewing Stripe Apps, Dashboard extensions, and billing scripts.
CX Codex +1
1,500installs
761–800 of 2,909
