Plugins

12 plugins

Galyarder Framework

Galyarder Framework from galyarderlabs/galyarder-framework.

100 skills · plugin

.Roo from B4san/AC-framework.

47 skills · plugin

@alirezarezvani

Compliance OS — meta-orchestrator for multi-framework compliance programs spanning 9 frameworks (ISO 27001, ISO 13485, ISO 42001, ISO 14971, EU AI Act, MDR 745, GDPR, SOC 2, FDA QSR). Framework selector, cross-framework control mapper, audit simulator, and consolidated evidence-pool generator (stdlib Python), plus 3 cs-* compliance agents and 3 /cs:* readiness commands.

9 skills · plugin

Research, write, and format a B2B case study using the STAR framework.

3 skills · plugin

Run Agent Evaluation

Sets up evaluation framework, runs benchmarks, and produces comparative analysis of agent performance.

9 skills · plugin

Skills for migrating and upgrading .NET projects across framework versions, language features, and compatibility targets.

6 skills · plugin

Write B2B Case Study

Write a compelling B2B case study using the STAR framework with research and data visualization.

3 skills · plugin

Reference skills for the Textual Python TUI framework — valid CSS properties and complete widget API with reactive attributes.

2 skills · plugin

Execution and product management skills: PRDs, OKRs, roadmaps, sprints, pre-mortems, stakeholder maps, user stories, prioritization frameworks, and more.

16 skills · plugin

Product Strategy Canvas Pack

For product managers and strategists to define, analyze, and refine product strategy using complementary canvas frameworks.

3 skills · plugin

Backend Framework Patterns

For developers building production-grade backends with NestJS, Spring Boot, or Ktor, covering architecture patterns and best practices.

7 skills · plugin

Google Cloud Well-Architected

For architects evaluating Google Cloud workloads against the Well-Architected Framework pillars: reliability, cost optimization, and operational excellence.

6 skills · plugin

Results for “frame”

40 skills

Applies the System Usability Scale (SUS) framework to guide decision-making, structure analysis, and improve outcomes in design and user experience contexts.

Framer Design Analysis

Analyze Framer's marketing site design system, including color palette, typography hierarchy, spacing, and component patterns, to produce a structured design specification.

50.9k · bundle

Apply named StyleSeed motion to React components using framer-motion, with personality seeds and keyword moves from a motion library.

Frontend UI Dark TS

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations for dashboards, admin panels, or data-rich interfaces.

Frame Data Chart Nyt

Creates a New York Times-style data chart frame with animated reveal, supporting line, bar, and range-band charts from CSV/JSON or a textual conclusion.

Design Resources

Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.

More results

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.

Applies WCAG accessibility guidelines to structure analysis, decision-making, and recommendations for design and user experience contexts.

Translates Apple's fluid interface design principles—spring animations, direct manipulation, interruptibility, and velocity handoff—into web implementations using CSS, Pointer Events, and spring libraries like Motion/Framer Motion.

Premium Frontend UI

Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.

Micro Interaction Spec

Specify micro-interactions using a structured framework covering trigger, rules, feedback, and loops/modes.

Implements accessible, performant UI motion for React and Next.js apps, covering tokens, patterns, and modal behavior.

Frame Flowchart Sticky

Draws a flowchart as a whiteboard-style sticky-note diagram with SVG curves, handwritten fonts, and hover interactions.

Metrics Definition

Define UX metrics and KPIs that connect design decisions to measurable business and user outcomes.

Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.

Enforces an opinionated UI baseline to fix spacing, hierarchy, typography, and layout issues in AI-generated interfaces.

Emil Design Eng 2

Provides design engineering guidance focused on animation principles, UI review, and interface craftsmanship.

Builds narrative-driven HTML slide decks for pitches, briefings, demos, and talks, applying persuasion frameworks and design tokens.

Stays current on UI design patterns, tools, and frameworks by monitoring release notes and running targeted search queries.

Audit and fix visual hierarchy, spacing, color, and depth in web UIs using a systematic, opinionated design framework.

Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.

12.9k · bundle

sakamoto-family-smile

Implements accessible, performant animations and transitions in React/Next.js apps using Motion, with tokens, reduced-motion support, and device adaptation.

Hyperframes Creative

Provides creative direction for HyperFrames videos, handling design specs, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.

Create a six-frame storyboard that shows a user's journey from problem to solution, using a classic narrative arc to build empathy and align stakeholders.

Wireframe Sketch

Creates hand-drawn wireframes with graph-paper background, multiple tabs, scribbled chart placeholders, hatched fills, and sticky-note annotations.

Motion Foundations

Provides a foundational motion system for React/Next.js apps using motion/react, including tokens, spring presets, accessibility enforcement, SSR safety, and performance rules.

Microinteractions

Design the small details—triggers, rules, feedback, loops, and modes—that separate good products from great ones, based on Dan Saffer's framework.

Make Interfaces Feel Better

Applies design engineering principles to polish UI components, covering typography, surfaces, animations, and performance with concrete CSS values and review checklists.

Applies Kelvin Garr's fixed AICA brand identity—black glass, gold circuits, Space Grotesk—and Next.js 14 implementation guide for his personal sites and AICA-branded projects.

Generate a single-screen mobile app design inside a pixel-perfect iPhone 15 Pro frame with status bar, header, main content, and bottom tab bar.

Frame Liquid Bg Hero

Generates a single-file HTML hero section with WebGL-inspired fluid background and overlaid quote, suitable for video intros, landing pages, or posters.

Orchestrates cross-domain design work by dispatching to specialized design sub-skills and applying behavioral science frameworks for audits, critiques, and strategy.

Motion Advanced

Build complex, interactive animations in React/Next.js including drag-and-drop, gestures, text animations, SVG path drawing, custom hooks, and imperative sequences.

Design Taste Frontend V1

Generates premium React/Next.js frontend code with deterministic typography, calibrated color palettes, and motion physics, enforcing anti-cliché design rules and performance guardrails.

Motion Patterns

Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.

Review Animations 2

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy, flagging issues with easing, duration, performance, and accessibility.