Plugins
2 pluginsResults for “css”
84 skillsframe-macos-notification
Renders announcements, messages, or tips as macOS Big Sur+ style notification banners for video overlays, product launch teasers, or social media graphics.
· bundle
ckm-design
Creates brand identities, logos, corporate identity programs, HTML presentations, banners, icons, and social media images using AI generation and HTML/CSS-to-screenshot workflows.
1 · bundle
guizang-ppt-skill
Generates a single-file horizontal-scroll web PPT with WebGL backgrounds, section covers, data hero cards, and image grids in two visual styles: 'e-magazine × e-ink' or 'Swiss International Style'.
· bundle
design-chain
Audits and enforces a five-layer design chain (tokens, Tailwind, primitives, sections, pages) across components and pages, detecting hardcoded values, layer violations, dark mode parity issues, and missing primitives.
1
apple-design
Translates Apple's fluid interface design principles—springs, interruptible motion, velocity handoff, and momentum projection—into concrete web techniques for building and reviewing gesture-driven UI.
2
improve-animations
Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.
5k
frame-light-leak-cinema
Generates a single-frame HTML template with a cinematic film-leak aesthetic: warm light leaks, 35mm grain, 2.39:1 letterbox, and serif typography for opening titles or chapter cards.
· bundle
create-component
Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. Supports extending Core Components and project components, and can translate Figma designs into pixel-perfect HTL, CSS, and JS.
142 · bundle
mobile-sweep
Runs a headless-Chromium sweep at phone/tablet widths to catch off-screen overflow, tiny touch targets, clipped text, and oversized modals, then reports each offender with a screenshot and a concrete fix.
13 · bundle
industrial-brutalist-ui
Build web interfaces that fuse Swiss typographic design with military terminal aesthetics, using rigid grids, extreme type scale contrast, utilitarian color, and analog degradation effects for data-heavy dashboards, portfolios, or editorial sites.
dark-mode
Adds a complete dark mode to any frontend project: auto-detects the theme system, generates a WCAG-compliant dark palette, adds a toggle with system detection and persistence, migrates hardcoded colors to theme tokens, and verifies contrast ratios.
13
skill-frontend-design
Design precise, production-grade enterprise UI — dashboards, admin panels, SaaS interfaces, and data-heavy applications. Use this skill for professional software interfaces that need Jony Ive-level craft: clean, minimal, functional, with intentional personality. Do NOT use for creative landing pages, marketing sites.
2 · bundle