quanthubbr
Official@quanthubbr
quanthubbr provides UI/UX design intelligence, animation engineering, and frontend code-review skills for web, mobile, and design-system development.
Agent Skills by quanthubbr
Showing 33 vetted skills indexed across 1 GitHub repositories.
quanthubbrui-ux-pro-max
Searches a local UI/UX design database to generate design systems, palettes, and stack guidelines.
quanthubbrimpeccable
Designs, audits, and refines frontend interfaces through structured UX and visual-quality workflows.
quanthubbrcode-review
Reviews staged git diffs or GitHub pull requests and reports findings by severity.
quanthubbrmake-pr
Creates GitHub pull requests to main with a validated five-section PT-BR description template.
quanthubbrsession-handoff
Writes actionable session summaries to a central Obsidian vault and resumes work from the latest note.
quanthubbrdoc
Detects stale Obsidian documentation notes and applies approved updates based on session changes.
quanthubbrfrontend-design
Guides creation of distinctive, intentional visual design for new or reshaped web UI.
quanthubbrcommit-changes
Commits changes with semantic messages, security and code review gates, then pushes the branch.
quanthubbrissue-board
Fetches open issues from GitHub Projects v2 and renders them as grouped terminal tables.
quanthubbrpick-ui-library
Recommends frontend libraries for UI tasks from a curated opinionated list.
quanthubbranimate
Implements CSS, WAAPI, and Motion animations using defined easing curves, durations, and spring configs.
quanthubbrfind-animation-opportunities
Scan a codebase for UI moments that should animate and propose exact motion values.
quanthubbrimprove-animations
Audits codebase animation code and generates prioritized, self-contained implementation plans.
quanthubbrmobile-native
Applies CSS and meta-tag fixes that make web apps feel native on mobile devices.
quanthubbrwrite-swift
Guides writing, reviewing, and migrating modern Swift code through Swift 6.4.
quanthubbrask-sonner
Guides setup, styling, and troubleshooting of Sonner toast notifications in React applications.
quanthubbrapple-design
Implements Apple-style fluid interfaces with spring animations, gesture tracking, and translucency on the web.
quanthubbrreview-animations
Reviews animation and motion code against Emil Kowalski's craft standards.
quanthubbranimation-vocabulary
Maps vague descriptions of web motion effects to their exact animation terminology.
quanthubbranimate-expo
Implements React Native and Expo animations using Reanimated, Gesture Handler, and native screen transitions.
quanthubbremil-design-eng
Reviews and improves UI animations, CSS transitions, and component interactions using design engineering principles.
quanthubbrfull-output-enforcement
Enforces complete code generation by banning placeholder patterns and truncation shortcuts.
quanthubbrdesign-taste-frontend-v1
Generates opinionated React and Next.js frontend code following strict design and motion rules.
quanthubbrimagegen-frontend-mobile
Generate premium mobile app screen and flow images for iOS and Android concepts.
Frequently Asked Questions About quanthubbr
FAQPage SchemaWhat tasks can I accomplish using quanthubbr's skills?▼
You can design and audit web and mobile interfaces, build GSAP and Reanimated animations, generate brand kits and screen concept images, pick UI libraries, review code and security issues in diffs or PRs, create semantic commits, open pull requests, and manage Obsidian session handoffs and documentation updates.
Who are quanthubbr's skills designed for?▼
Frontend engineers, design engineers, and mobile developers working with React, Next.js, Vue, Svelte, SwiftUI, React Native, Expo, Flutter, and Tailwind. They also serve developers who want structured code review, PR creation, issue-board triage, and session continuity across projects.
How do the design and animation skills work in practice?▼
Skills like animate, impeccable, and design-taste-frontend are invoked during UI work: the agent audits existing design, proposes motion with exact values, or writes implementations directly. Read-only skills like find-animation-opportunities and improve-animations produce prioritized plans without modifying source code.
Are quanthubbr's skills open source and what licenses apply?▼
Licensing varies per skill. The impeccable skill is Apache 2.0, karpathy-guidelines is MIT, and frontend-design references terms in its LICENSE.txt file. Other skills do not specify a license in their frontmatter, so check each skill folder before redistribution or commercial use.
What prerequisites or dependencies do these skills require?▼
Most skills require only a compatible agent runtime; some target specific stacks like Reanimated, Gesture Handler, and Expo Router for animate-expo, or Sonner and Tailwind for ask-sonner. Git-based skills need a repository with staged changes or GitHub PR access, and session-handoff requires an Obsidian vault.