UI Components
Code-based UI component generation and styling
godot-characterbody-2d
by thedivergentai
"Expert patterns for CharacterBody2D including platformer movement (coyote time, jump buffering, variable jump height), top-down movement (8-way, tank controls), collision handling, one-way platforms, and state machines. Use for player characters, NPCs, or enemies. Trigger keywords: CharacterBody2D, move_and_slide, is_on_floor, coyote_time, jump_buffer, velocity, get_slide_collision, one_way_platforms, state_machine."
godot-dialogue-system
by thedivergentai
"Expert patterns for branching dialogue systems including dialogue graphs (Resource-based), character portraits, player choices, conditional dialogue (flags/quests), typewriter effects, localization support, and voice acting integration. Use for narrative games, RPGs, or visual novels. Trigger keywords: DialogueLine, DialogueChoice, DialogueGraph, dialogue_manager, typewriter_effect, branching_dialogue, dialogue_flags, localization, voice_acting."
godot-adapt-mobile-to-desktop
by thedivergentai
"Expert patterns for scaling mobile games to desktop including mouse/keyboard controls, increased resolution and graphical fidelity, expanded UI layouts, settings menus, window management, and platform-specific features. Use when creating desktop ports or cross-platform releases. Trigger keywords: mouse_controls, keyboard_shortcuts, resolution_scaling, graphics_settings, fullscreen_toggle, window_modes, Steam_integration, desktop_optimization."
godot-game-loop-collection
by thedivergentai
Use when implementing collection quests, scavenger hunts, or "find all X" objectives.
nextjs-tanstack-form
by fusengine
TanStack Form v1 for Next.js 16 with Server Actions, Zod validation, and shadcn/ui integration. Use when building forms, validation, multi-step wizards, or dynamic field arrays.
find-skills
by vercel-labs
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
harden
by pbakaus
Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready.
adapt
by pbakaus
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.
critique
by pbakaus
Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.
frontend-design
by pbakaus
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.
colorize
by pbakaus
Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.
polish
by pbakaus
Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great.
distill
by pbakaus
Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.
optimize
by pbakaus
Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.
quieter
by pbakaus
Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.
delight
by pbakaus
Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful.
normalize
by pbakaus
Normalize design to match your design system and ensure consistency
teach-impeccable
by pbakaus
One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.
onboard
by pbakaus
Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.
extract
by pbakaus
Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.
bolder
by pbakaus
Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.
animate
by pbakaus
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.
consciousness-council
by K-Dense-AI
Run a multi-perspective Mind Council deliberation on any question, decision, or creative challenge. Use this skill whenever the user wants diverse viewpoints, needs help making a tough decision, asks for a council/panel/board discussion, wants to explore a problem from multiple angles, requests devil's advocate analysis, or says things like "what would different experts think about this", "help me think through this from all sides", "council mode", "mind council", or "deliberate on this". Also trigger when the user faces a dilemma, trade-off, or complex choice with no obvious answer.
high-end-visual-design
by Leonxlnx
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.