В каталоге 182 820 навыков в 14 категориях.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...
Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scan...
Web and App implementation guide for Bento UI. Trigger when user wants modular grid cards, Apple-like dashboard style, o...
Validates code against framework-specific best practices documented in docs/infrastructure/. Checks Effect usage pattern...
Navigate creative blocks using the Arcanean Bestiary - a taxonomy of psychological obstacles every creator faces, with n...
Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zo...
Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen read...
Creates Better Auth configuration for frontend and backend: handlers, providers, middleware, session/token options. Uses...
Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic...
Helps you build and check a color system for your project. It generates palettes, names semantic tokens, converts betwee...
OKLCH color space and color usage for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, han...
Color systems for digital products, from building and naming a palette to applying it with meaning and verifying contras...
Install and use themed shadcn/ui components from 31+ design systems (Linear, Stripe, Apple, Notion, etc.) with one comma...
Combines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and...
User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, be...
Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.
Helps with grouping, alignment, reading order, responsive structure and room for translated text, so a layout holds up w...
Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive...
Sets and reviews how text renders in your product, from the type scale and spacing to font features, wrapping, truncatio...
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, config...
Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, context...
Polishes the surfaces, icons and motion in your project with exact values for border radius, optical alignment, shadows,...
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend c...
Use when polishing surfaces, icons, motion, border radius, optical alignment, shadows, icon states, or animations with e...
Traduz pedidos de animação em português ("faz o número quicar", "entra um depois do outro", "dá um tranco no zoom") para...
Bifrost AI gateway specialist: maximhq/bifrost architecture, admin and inference API surface, virtual keys, semantic cac...
Embody Bill Hicks - AI persona expert with integrated methodology skills
A comprehensive AI agent skill for writing and managing professional bios. Crafts bios for any platform and any purpose,...
Designs pegRNAs and nicking guides for prime editing (PE) -- choosing the nick/strand, tuning the primer-binding site (P...
This prompt instructs an image-generation system to produce a photorealistic, cinematic birthday portrait using a provid...
Spark by Lightspark: statechain-derived L2 with FROST threshold signatures, leaf architecture, Lightning compatibility....
设计稿还原规则。先输出布局分析报告，再按需加载模版
Laravel guidance to compose UIs with Blade components, slots, and layouts; keep templates pure and testable
Use when the project's frontend stack is Blade — dispatched by `directives/ui/{apply,review,polish}.ts`. Covers views, c...
Builds and reviews Laravel 12 Blade interfaces with semantic HTML, reusable Blade components, responsive UX, accessibili...
Trace ServiceNow configuration dependencies — what artifacts touch a given field, what calls a script include, table/app...
Build Blazor-native agent user interfaces using AG-UI protocol with Microsoft Agent Framework (MAF) and ASP.NET Core. Us...
Build and customize .NET 10+ Blazor UIs with BlazorBlueprint. Use when choosing between BlazorBlueprint.Components and B...
Blender 3D creation suite for modeling, animation, rendering, compositing, video editing, and game development. Use for...
Reconstruct assets in Blender from reference images using only native Blender geometry, local skills, and project workfl...
Use when creating, adjusting or exporting Blender models for FDM printing, especially separate assembly parts, supports,...
Author a placeable layout block that looks right at ANY pane size. The one hard rule — size to the PANE with container q...
Long-form editorial blog post layout with hero image, typography hierarchy, pull quotes, and code blocks. Use for "blog...
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author by...
Write new blog posts or edit existing ones to match the established writing voice and style guidelines.
Review and provide feedback on blog posts to ensure they match the established writing voice and style guidelines.
Blueprint animation that explains UX decisions step by step. With Before and After, changed parts rebuild. With one scre...
SOPs, T3D rules, and sub-agent workflows for creating and modifying Unreal Engine Blueprints.
Apply the Personal Action Blueprint design system to websites. Implements editorial typography, minimal borders, gold ac...
Builds a WebGL bloom effect in which a crisp rounded word sits inside a soft glow on light paper, the glow built from a...
Builds a WebGL text reveal in which a short line of type dissolves in through a soft, cloudy noise front, sharp behind t...
UX designer and UI specialist. Use when the user asks to talk to Sally or requests the UX designer
UX designer and UI specialist. Use when the user asks to talk to Sally or requests the UX designer.
Strategic UX designer for conceptual specifications and design delivery. Use when the user asks to talk to Freya or requ...
bmad-bmm-create-ux-design skill
Facilitate interactive brainstorming sessions using diverse creative techniques and ideation methods. Use when the user...
Facilitate a brainstorming session using diverse creative techniques. Use when the user says 'help me brainstorm' or 'he...
bmad-brainstorming skill
Guide human-centered design processes using empathy-driven methodologies. Use when the user says "lets run design thinki...
Create WDS UX specifications through scenario-driven design. Use when the user says "wds ux design"
Assess the impact of a significant change during sprint execution across the PRD, epics, architecture, and UX documents,...
Guidance through realizing the plan for your UX, strongly recommended if a UI is a primary piece of the proposed project...
Plan UX patterns and design specifications. Use when the user says "lets create UX design" or "create UX specifications"...
Capture the user's UX vision in two documents: DESIGN.md for how the product looks and EXPERIENCE.md for how it behaves....
ux-designer agent
User experience, wireframes. Use when the user asks about ux designer.
Generate a disposable localhost app to explore tokens, components, and relationships
Build a new design system or add components from specifications
Sketch and specify the update for a scoped improvement
Create, import, browse, and maintain design system components and tokens
Open design system components in Figma for visual editing
Code-to-Figma and Figma-to-code workflows for design review and visual iteration
Generate icon sets and individual icons matching design system
Import an existing design system into the WDS format
Reference guides for three-tier specification system (Pages, Components, Features)
Intelligent object detection and routing system for page specification
Generate full page design compositions from specifications
Build interactive prototypes from specifications
Create UX scenario outlines from Trigger Map through structured micro-steps
AI-assisted UI design using Google Stitch from specifications and sketches
Generate UI components — buttons, cards, forms, navigation elements
Transform ideas into detailed visual specifications through scenario-driven design
Generate motion content and animations from specifications
Preview selected design system components rendered in localhost
Generate outline wireframes from page specifications
Define, update, and review design system components used across page specifications.
Creative dialog for page design — discuss what each page needs, then visualize and specify.
The agent creates a complete scenario flow autonomously, then presents the result for user review.
Analyze user-provided sketches (photos, screenshots, wireframes) and translate them into structured page specifications.
Create a complete, implementation-ready page specification with layout, components, content, interactions, and states.
Create visual representations of page designs using external tools and integrate results back into specifications.
Reads a new business model for organizational-rejection triggers — margin conflict, sales-process conflict, cannibalizat...
Researches best practices on similar dashboards, reviews them against BMC needs, and implements the most suitable aesthe...