Klyrhon
Community@KlyrhonMiko · Pasig City. Philippines
Klyrhon | BSIT Undergraduate | 🇵🇭 | Developer & Tech Enthusiast | Open to internships and collaboration.
Agent Skills by Klyrhon
Showing 34 vetted skills indexed across 1 GitHub repositories.
pick-ui-library
Recommends curated frontend libraries for specific UI tasks from an opinionated list.
design-taste-frontend-v1
Generates React and Next.js frontend code following anti-generic design rules and motion specifications.
ui-ux-pro-max
Generates UI/UX design systems and implementation guidance via local BM25 search over curated CSV datasets.
animate
Implements UI animations using CSS transitions, WAAPI, and Motion with defined easing and duration rules.
gpt-taste
Generates React UI code with GSAP animations, bento grids, and AIDA page structure.
find-animation-opportunities
Scan a codebase for UI moments that would benefit from motion and propose exact animation recipes.
stitch-design-taste
Generates DESIGN.md design system files for Google Stitch screen generation.
improve-animations
Audits codebase animation code and generates self-contained implementation plans for motion fixes.
full-output-enforcement
Enforces complete, unabridged LLM output by banning placeholder patterns and truncation.
impeccable
Audit, polish, and generate UI designs through 23 routed design commands.
image-to-code
Generates website section design images, analyzes them, then implements matching frontend code.
imagegen-frontend-mobile
Generate premium mobile app screen and flow images for iOS, Android, and cross-platform concepts.
prototype
Builds multiple divergent UI variants rendered behind a keyboard-driven visual picker.
write-swift
Guides writing, reviewing, and migrating modern Swift code through Swift 6.4.
ask-sonner
Guides setup, styling, and troubleshooting of Sonner toast notifications in React applications.
apple-design
Implements Apple-style fluid interfaces with spring animations, gesture tracking, and translucent materials for the web.
imagegen-frontend-web
Generates per-section horizontal website design reference images for landing pages and marketing sites.
design-taste-frontend
Generates non-templated landing pages, portfolios, and redesigns using inferred design direction and pre-flight audits.
minimalist-ui
Generates minimalist editorial-style frontend interfaces with warm monochrome palettes and bento-grid layouts.
review-animations
Reviews animation and motion code against ten non-negotiable craft standards.
taste-skill-wrapper
Documents the Taste Skill repository and its extracted frontend design skills.
industrial-brutalist-ui
Generates brutalist web interfaces combining Swiss typography with military terminal aesthetics.
animation-vocabulary
Maps vague descriptions of web motion effects to precise animation terminology.
animate-expo
Implements animations and gestures in React Native Expo apps using Reanimated and Gesture Handler.
Frequently Asked Questions About Klyrhon
FAQPage SchemaWhat tasks can I accomplish using Klyrhon's skills?▼
You can design and redesign interfaces, build web and Expo animations, audit motion code, generate section-by-section website design images, create brand kits and banners, produce HTML slide decks, style shadcn/ui components, pick frontend libraries, and write modern Swift with Swift 6 concurrency.
Who are Klyrhon's skills designed for?▼
Frontend engineers, design engineers, and mobile developers building web, iOS, Android, and desktop interfaces. They suit anyone polishing landing pages, dashboards, or portfolios, enforcing design-system standards, or fixing stuttering React Native animations and generic-looking AI-generated UI.
How do the animation skills work in practice?▼
The animate and animate-expo skills write implementations directly using GSAP, Reanimated, Gesture Handler, and expo-haptics. Read-only companions like review-animations, find-animation-opportunities, and improve-animations audit code and propose exact motion values without modifying source files.
Are Klyrhon's skills free and open source?▼
Yes. Several skills carry explicit open licenses: impeccable is Apache 2.0, while design, banner-design, ui-styling, and design-system are MIT licensed. Others ship without stated licenses but are publicly available in the registry at no cost.
What prerequisites or dependencies do these skills require?▼
Dependencies vary by skill: ui-styling needs shadcn/ui, Radix UI, and Tailwind CSS; animate-expo requires React Native, Expo, Reanimated, and Gesture Handler; slides uses Chart.js; impeccable runs via npx and Node scripts. Image-generation skills produce images only and write no code.