Klyrhon avatar

Klyrhon

Community

@KlyrhonMiko · Pasig City. Philippines

3Followers
|
16Public Repos
|
34Published Skills

Klyrhon | BSIT Undergraduate | 🇵🇭 | Developer & Tech Enthusiast | Open to internships and collaboration.

Skills Distribution
DomainUI/UX & Crea...Interface Design &.. (35%)Motion & Animation.. (25%)Image Generation &.. (20%)Brand Identity & M.. (12%)

Agent Skills by Klyrhon

Showing 34 vetted skills indexed across 1 GitHub repositories.

KlyrhonMikoKlyrhonMiko

pick-ui-library

Recommends curated frontend libraries for specific UI tasks from an opinionated list.

Community
Basic
KlyrhonMikoKlyrhonMiko

design-taste-frontend-v1

Generates React and Next.js frontend code following anti-generic design rules and motion specifications.

Community
Advanced
KlyrhonMikoKlyrhonMiko

ui-ux-pro-max

Generates UI/UX design systems and implementation guidance via local BM25 search over curated CSV datasets.

Community
Advanced
KlyrhonMikoKlyrhonMiko

animate

Implements UI animations using CSS transitions, WAAPI, and Motion with defined easing and duration rules.

Community
Intermediate
KlyrhonMikoKlyrhonMiko

gpt-taste

Generates React UI code with GSAP animations, bento grids, and AIDA page structure.

Community
Intermediate
KlyrhonMikoKlyrhonMiko

find-animation-opportunities

Scan a codebase for UI moments that would benefit from motion and propose exact animation recipes.

Community
Intermediate
KlyrhonMikoKlyrhonMiko

stitch-design-taste

Generates DESIGN.md design system files for Google Stitch screen generation.

Community
Intermediate
KlyrhonMikoKlyrhonMiko

improve-animations

Audits codebase animation code and generates self-contained implementation plans for motion fixes.

Community
Advanced
KlyrhonMikoKlyrhonMiko

full-output-enforcement

Enforces complete, unabridged LLM output by banning placeholder patterns and truncation.

Community
Basic
KlyrhonMikoKlyrhonMiko

impeccable

Audit, polish, and generate UI designs through 23 routed design commands.

Community
Advanced
KlyrhonMikoKlyrhonMiko

image-to-code

Generates website section design images, analyzes them, then implements matching frontend code.

Community
Advanced
KlyrhonMikoKlyrhonMiko

imagegen-frontend-mobile

Generate premium mobile app screen and flow images for iOS, Android, and cross-platform concepts.

Community
Advanced
KlyrhonMikoKlyrhonMiko

prototype

Builds multiple divergent UI variants rendered behind a keyboard-driven visual picker.

Community
Advanced
KlyrhonMikoKlyrhonMiko

write-swift

Guides writing, reviewing, and migrating modern Swift code through Swift 6.4.

Community
Advanced
KlyrhonMikoKlyrhonMiko

ask-sonner

Guides setup, styling, and troubleshooting of Sonner toast notifications in React applications.

Community
Intermediate
KlyrhonMikoKlyrhonMiko

apple-design

Implements Apple-style fluid interfaces with spring animations, gesture tracking, and translucent materials for the web.

Community
Advanced
KlyrhonMikoKlyrhonMiko

imagegen-frontend-web

Generates per-section horizontal website design reference images for landing pages and marketing sites.

Community
Advanced
KlyrhonMikoKlyrhonMiko

design-taste-frontend

Generates non-templated landing pages, portfolios, and redesigns using inferred design direction and pre-flight audits.

Community
Advanced
KlyrhonMikoKlyrhonMiko

minimalist-ui

Generates minimalist editorial-style frontend interfaces with warm monochrome palettes and bento-grid layouts.

Community
Intermediate
KlyrhonMikoKlyrhonMiko

review-animations

Reviews animation and motion code against ten non-negotiable craft standards.

Community
Intermediate
KlyrhonMikoKlyrhonMiko

taste-skill-wrapper

Documents the Taste Skill repository and its extracted frontend design skills.

Community
Basic
KlyrhonMikoKlyrhonMiko

industrial-brutalist-ui

Generates brutalist web interfaces combining Swiss typography with military terminal aesthetics.

Community
Intermediate
KlyrhonMikoKlyrhonMiko

animation-vocabulary

Maps vague descriptions of web motion effects to precise animation terminology.

Community
Basic
KlyrhonMikoKlyrhonMiko

animate-expo

Implements animations and gestures in React Native Expo apps using Reanimated and Gesture Handler.

Community
Advanced

Frequently Asked Questions About Klyrhon

FAQPage Schema
What 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.