Przydatne Agent Skills, ocenione według realnego użycia.

image-first-grid-layout

Create an image-led grid design system with full-bleed photography, structural guide lines, anchored content blocks, and restrained technical overlays.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

MIT12 Pliki

light-mode-paper-technical

Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

matterjs

Use when implementing 2D physics interactions with Matter.js, including Engine/World setup, Render/Runner configuration, adding bodies and constraints, and scroll/interaction-friendly canvas scenes.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

MIT4 Pliki

Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections, CTAs, and motion. Use when the interface needs a near-black navy foundation, procedural blue mesh atmosphere, disciplined minimal structure, and infrastructural or planetary depth.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

nested-container-clean-agency

Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded premium cards, and restrained accent color.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

nested-container-frames

Create a container-in-container layout system using nested frames. Use an outer centered container with visible vertical boundary lines and corner markers. Inside, place inner containers inset from the edges, each with its own background and rounded frame. Technique: outer container defines global bounds, inner containers use padding to create inset spacing, layered frames (border + background) to separate levels, and consistent spacing between outer frame and inner blocks.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

number-details

Add decorative 01, 02, 03 numeric detail markers.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

MIT14 Pliki

operational-enterprise-ai

Create or redesign enterprise AI, automation, security, and operations product pages that explain system boundaries, approvals, auditability, exceptions, and rollback. Use for dark cinematic heroes, hairline grids, metric pauses, expandable solution rows, case-study evidence, security proof, and qualified demo or waitlist handoffs.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

orange-clean-paper-saas

Create a clean paper-toned SaaS design system with warm neutrals, orange accent signals, rounded premium forms, and polished product illustration surfaces.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

pointer-trail-emitter

Build a cursor trail whose spacing stays constant at any hand speed, by emitting motes per unit of distance travelled rather than on a timer, so a flick draws the same continuous ribbon as a crawl instead of breaking into scattered dots. Covers sub-segment placement, the ring-buffer ordering trap, the idle breath a distance emitter needs, anchoring the trail to the screen in a 3-D scene, scaling scatter against the plane it hangs on, coasting instead of stopping dead, touch and reduced-motion fa

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

pricing-page

Use when designing or rewriting a high-converting SaaS pricing page (structure, plan design, copywriting, SEO/AEO, FAQs, layout patterns, experiments). Includes checklists, templates, and common pitfalls.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

product-proof-saas

Create or redesign SaaS and AI product landing pages where a real workflow, interface, or deterministic demo is the central proof. Use for pale atmospheric shells, product UI in the hero, prompt-to-output stories, audience tabs, compact feature modules, honest pricing comparisons, and FAQ handoffs.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

scroll-progress-timeline

Turn any ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motion behavior. Use for onboarding, checkout, roadmaps, recipes, case studies, service processes, histories, or narratives where progress through the sequence should become visible while scrolling.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

skeuomorphic-ui

Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders, micro texture, and embossed text or icon details. Use when asked for pressed, carved, tactile, realistic, soft-plastic, soft-metal, or premium physical interface styling.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

MIT12 Pliki

solar-duotone-bold

Use Iconify Solar Duotone Bold icon style.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

split-layout-technical

Create a technical split-screen design system with dual panels, fine frame lines, mono metadata, quiet editorial typography, and premium inset surfaces.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

MIT12 Pliki

tailwindcss

Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Includes quick recipes and conventions for clean, consistent web design.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

tech-green-dark-mode-modern

Create a modern dark-mode technical design system with matte-black surfaces, emerald signal accents, mono system labeling, framed dashboard cards, and restrained glow.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

MIT4 Pliki

technical-wireframe-info-layout

Create a monochrome technical wireframe design system with exploded 3D structure, connector annotations, sparse information labels, and precise dark diagnostic framing.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

MIT7 Pliki

thinking-orbs

Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library. Use when a chat, copilot, voice, search, generation, or tool-running interface needs a semantic working, searching, solving, listening, composing, or shaping state; when replacing a generic spinner with an AI activity orb; or when implementing the library's size, theme, speed, pause, reduced-motion, and canvas behavior.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

MIT3 Pliki

threejs

Use when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading, controls, performance). Helpful for designers shipping 3D UI moments.

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

threejs-landscape

Build a live Three.js landscape that stays quiet behind a subject — a noise heightfield on a polar grid so resolution follows the lens, ground coloured by slope and moisture rather than by texture, instanced GPU grass whose wind costs nothing on the CPU, scattered stones, a gradient sky dome, a star field you can actually see, and a time-of-day system that cross-fades instead of cutting. Use for hero backdrops, product stages, scroll worlds, or any scene where a building, object, or figure has t

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź

threejs-towers

Generate architecture procedurally in Three.js and film it assembling — a small geometry vocabulary that builds pagodas, castles, domes and spires from parameters instead of mesh files, hip roofs with flying eaves driven by a single profile function, and a clipping-plane build animation where everything below a rising line is finished work and scaffolding stands above it. Use for construction studies, architectural title sequences, procedural landmarks, or any hero object that should build itsel

instalacje: 2
GitHub Stars: 6,7 tys.
Aktualizacja: 6 paź