jwinar
Community@jwinar
jwinar publishes 23 frontend design skills covering UI audits, motion engineering, image-to-code generation, brand kits, and anti-generic design systems for web and mobile interfaces.
Agent Skills by jwinar
Showing 23 vetted skills indexed across 1 GitHub repositories.
jwinarimpeccable
Designs, audits, and refines frontend interfaces through structured UX commands and reference playbooks.
jwinarpick-ui-library
Recommends curated frontend libraries for UI, animation, charts, and state tasks.
jwinaranimate
Implements UI animations by selecting purpose, tool, properties, easing, and duration.
jwinarfind-animation-opportunities
Scans a codebase for UI moments that should animate and proposes exact motion recipes.
jwinarimprove-animations
Audits codebase animation code and writes self-contained motion improvement plans.
jwinarprototype
Builds multiple divergent UI variants behind a keyboard-driven visual picker for live comparison.
jwinarapple-design
Implements Apple-style fluid interfaces with springs, gestures, and translucency on the web.
jwinarreview-animations
Reviews animation and motion code against easing, duration, performance, and accessibility standards.
jwinaranimation-vocabulary
Maps vague descriptions of web motion effects to precise animation terminology.
jwinaremil-design-eng
Reviews and improves UI animation, easing, and interaction code using design engineering principles.
jwinardesign-taste-frontend-v1
Generates opinionated React and Tailwind frontend code following anti-generic design and motion rules.
jwinargpt-taste
Generates award-level frontend UI code with GSAP animations and randomized layout selection.
jwinarstitch-design-taste
Generates DESIGN.md design system files for Google Stitch screen generation.
jwinarfull-output-enforcement
Enforces complete code generation by banning placeholder patterns and truncation.
jwinarimage-to-code
Generates section-by-section website design images, analyzes them, then implements matching frontend code.
jwinarimagegen-frontend-mobile
Generates premium mobile app screen and flow images with consistent art direction.
jwinarimagegen-frontend-web
Generates per-section horizontal website design reference images with consistent art direction.
jwinarminimalist-ui
Generates editorial-style minimalist web interfaces with warm monochrome palettes and bento grids.
jwinardesign-taste-frontend
Generates landing pages, portfolios, and redesigns with inferred design direction and anti-default rules.
jwinarindustrial-brutalist-ui
Generates brutalist web interfaces using rigid grids, extreme typography, and analog degradation effects.
jwinarredesign-existing-projects
Audits existing websites for generic design patterns and applies targeted visual upgrades.
jwinarbrandkit
Generates premium brand-kit overview images with logo systems, palettes, and presentation grids.
jwinarhigh-end-visual-design
Generates premium UI code with curated fonts, nested card structures, and physics-based animations.
Frequently Asked Questions About jwinar
FAQPage SchemaWhat tasks can I accomplish using jwinar's skills?▼
You can design, redesign, audit, and polish frontend interfaces; build and critique animations; generate website, mobile, and brand-kit design images; convert design images to code; pick UI libraries; prototype multiple UI variants; and enforce complete, unabridged code output across landing pages, dashboards, and app shells.
Who are jwinar's skills designed for?▼
Frontend engineers, design engineers, and UX practitioners building websites, landing pages, dashboards, and mobile app concepts. The skills suit anyone fighting generic-looking AI output, encoding philosophies from Emil Kowalski and Apple-style motion design into reusable, opinionated guidance.
How do the animation skills work together in practice?▼
Use find-animation-opportunities to locate static UI that should move, animate to build new motion from scratch, review-animations to critique a single diff against a high craft bar, and improve-animations to audit an entire codebase and produce prioritized implementation plans. animation-vocabulary names effects you can only describe vaguely.
Are jwinar's skills free and open source?▼
The impeccable skill is explicitly licensed under Apache 2.0, permitting free use, modification, and redistribution. Other skills in the manifest do not declare a license in their frontmatter, so check each repository folder before commercial reuse.
What prerequisites or dependencies do these skills require?▼
The impeccable skill runs via Bash with npx impeccable commands and Node scripts under .claude/skills/impeccable/scripts. Several skills are invocation-only (disable-model-invocation), meaning they run only when explicitly called. Image-generation skills output images only and do not write code.