luce12
Community@luce12
luce12 provides frontend design, GSAP animation, browser testing, and security audit skills for building polished, production-grade web interfaces.
Agent Skills by luce12
Showing 16 vetted skills indexed across 1 GitHub repositories.
luce12impeccable
Designs, audits, and refines frontend interfaces through command-driven UX and visual workflows.
luce12design-audit
Evaluate website UI and frontend quality with a structured scoring rubric.
luce12gsap-plugins
Implements GSAP plugin animations including Flip, Draggable, SplitText, MorphSVG, and physics effects.
luce12gsap-timeline
Sequences and choreographs GSAP animations using timelines, labels, and the position parameter.
luce12gsap-scrolltrigger
Implements scroll-linked animations, pinning, and scrubbing with the GSAP ScrollTrigger plugin.
luce12gsap-performance
Optimizes GSAP animations for smooth 60fps rendering using transforms, batching, and will-change.
luce12gsap-core
Implements GSAP core tweens, eases, staggers, and responsive matchMedia animations in JavaScript.
luce12gsap-utils
Implements GSAP utility methods for clamping, mapping, snapping, and transforming animation values.
luce12playwright
Automate real browsers from the terminal using playwright-cli commands.
luce12gsap-frameworks
Implement GSAP animations in Vue, Nuxt, and Svelte with lifecycle-safe cleanup.
luce12apple-design
Implements Apple-style fluid interfaces with spring animations, gesture tracking, and translucent materials for the web.
luce12design-taste-frontend
Generates anti-template frontend designs for landing pages, portfolios, and redesigns.
luce12emil-design-eng
Reviews and improves UI animation, easing, and interaction code using design engineering principles.
luce12gsap-react
Implements GSAP animations in React using the useGSAP hook with scoped selectors and automatic cleanup.
luce12codex-security-audit-skill
Audit codebases for exposed secrets, auth flaws, and launch-blocking security risks.
luce12saas-dev-flow
Orchestrates a seven-stage SaaS development workflow from requirement triage to versioned deployment.
Frequently Asked Questions About luce12
FAQPage SchemaWhat tasks can I accomplish using luce12's skills?▼
You can design, redesign, audit, and polish frontend interfaces; build GSAP animations including timelines, ScrollTrigger pinning, and draggable interactions; automate real browsers with Playwright for navigation, screenshots, and data extraction; and run security audits on codebases, SaaS apps, and deployments before launch.
Who are luce12's skills designed for?▼
Frontend engineers, design engineers, and SaaS product teams who need production-grade UI polish, animation implementation, UX evaluation rubrics, browser-based verification, and pre-publication security review. The skills suit anyone shipping websites, landing pages, dashboards, or web app components.
How do the GSAP skills work in practice?▼
The nine official GSAP skills cover the core API (gsap.to, fromTo, easing, stagger), timelines, ScrollTrigger scroll-linked animation, plugins like Flip and Draggable, performance optimization for 60fps, utility functions, and framework integration for React via useGSAP plus Vue, Nuxt, Svelte, and SvelteKit lifecycle handling.
Are luce12's skills open source and what do they cost?▼
All nine official GSAP skills carry an explicit MIT license, permitting free use and modification. The remaining skills (impeccable, design-audit, hallmark, playwright, apple-design, saas-dev-flow, and others) list no license in their frontmatter, so their terms are unspecified.
What prerequisites or dependencies do these skills require?▼
The playwright skill requires the playwright-cli or its bundled wrapper script for terminal browser control. GSAP skills assume a JavaScript environment, with framework-specific variants for React/Next.js or Vue/Svelte. Design and security audit skills operate on URLs, localhost apps, screenshots, or repositories with no stated dependencies.