Niel Pattin
Community@nielpattin · undefined
Typescript for the love of the game
Agent Skills by Niel Pattin
Showing 43 vetted skills indexed across 2 GitHub repositories.
nielpattinanimate
...
nielpattinquieter
Reduces visual intensity in designs by desaturating colors and adjusting typography and spacing.
nielpattinoptimize
Diagnose and fix UI performance issues using Core Web Vitals metrics.
nielpattinadapt
Plan responsive UI adaptations across mobile, tablet, desktop, and print contexts.
nielpattinclarify
Diagnose and rewrite unclear UX copy for errors, labels, and instructions.
nielpattingit-workflow
Enforce branching strategies, conventional commits, and PR guidance via Git and GitHub CLI.
nielpattindistill
Remove unnecessary complexity from UI designs to reveal essential elements.
nielpattindelight
Inject joy, personality, and polish into user interface states.
nielpattinteach-impeccable
Generate design context files from codebase exploration and UX questions.
nielpattinonboard
Design onboarding flows for web and mobile products.
nielpattinmake-interfaces-feel-better
Apply 16 visual detailing principles to polish user interface components.
nielpattinnormalize
Audit and realign UI components to match design system standards.
nielpattinaudit
Scan frontend projects for accessibility, performance, theming, responsive design, and anti-pattern issues.
nielpattinharden
UI hardening with graceful degradation for unpredictable user data and edge cases. (wrong)
nielpattinpolish
Correct alignment, spacing, consistency, and micro-details in final deliverables.
nielpattinextract
Identify repeated UI patterns and tokens for design system consolidation.
nielpattinbolder
Enhance dull UI designs with stronger typography, contrast, and hierarchy.
nielpattinarrange
Analyze and improve UI layout spacing, rhythm, and visual hierarchy.
nielpattintypeset
Assess and improve typography with a modular type scale and hierarchy.
nielpattincritique
Evaluate interface designs against UX heuristics and output a Design Health Score.
nielpattinplaywriter
Control an existing Chrome browser session with Playwright code snippets.
nielpattincolorize
Plan and apply a 2-4 color palette with OKLCH to UI designs.
nielpattinno-use-effect
Prevent direct useEffect usage in React components and guide safer alternatives.
nielpattinoverdrive
Implement cinematic transitions and high-frame-rate visuals with shaders and spring physics.