skills.rest
jtdesign7277-source
jtdesign7277-sourceCOMMUNITY
Explore all skills by this author →
GitHub

stratify-platform

Enforce design and interaction rules for Stratify platform UI development.

1|Updated Jan 24, 2026
Search Tags:#frontend#design system#animation#ui development#stratify#trading ui
One-click install
npx skills add https://github.com/jtdesign7277-source/stratify --skill stratify-platform
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stratify-platform
Source: https://github.com/jtdesign7277-source/stratify/tree/main/.codex/skills/stratify-platform
Command: npx skills add https://github.com/jtdesign7277-source/stratify --skill stratify-platform

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires framer-motion, gsap, lenis, react-countup, geist, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide and enforces strict rules for building premium, production-quality UI on the Stratify platform, ensuring consistency, performance, and adherence to design standards.

Core Features & Use Cases

  • Enforces Design System: Ensures all UI elements adhere to Stratify's color palette, typography, and spacing.
  • Implements Premium Interactions: Guides the use of advanced animations, hover effects, and smooth scrolling for a polished user experience.
  • Defines Trading-Specific Patterns: Provides patterns for real-time data visualization, price flashing, and animated financial metrics.
  • Use Case: When developing a new dashboard component for Stratify, use this Skill to ensure it seamlessly integrates with the existing UI, incorporates premium motion effects, and follows all platform-specific rules for data handling and styling.

Quick Start

Use the stratify-platform skill to build a new card component for the dashboard, ensuring it follows the soft glass card system and premium motion patterns.

Frequently Asked Questions about stratify-platform

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a trading dashboard UI with premium motion effects?▼

Building a trading dashboard UI with premium motion effects requires strict adherence to design system rules, using framer-motion, gsap, and lenis to implement smooth scrolling, hover interactions, and animated financial metrics.

What are the design system rules for developing a trading platform UI?▼

Design system rules for a trading platform UI enforce strict adherence to specific color palettes, typography, spacing, soft glass card implementation, and surgical mode to ensure production-quality visual consistency and performance.

Do I need framer-motion and gsap to implement trading visualizations?▼

Yes, you need framer-motion and gsap to implement trading visualizations because the platform requires these specific libraries to execute premium motion effects, price flashing, and animated financial metrics correctly.

How do I add real-time price flashing and animated metrics to a trading dashboard?▼

To add real-time price flashing and animated metrics to a trading dashboard, follow platform-specific trading patterns using react-countup and framer-motion to handle data visualization and premium interactions seamlessly.

Can I use custom scrollbars and icons when developing UI for a trading platform?▼

You can use custom scrollbars and icons when developing UI for a trading platform, but they must strictly follow the platform's defined rules for icon usage and scrollbar styling to maintain design system adherence and visual polish.

Related Skills

Explore More Software Engineering Skills→
suhwansuhwan

phase-5-design-system

Build a platform-independent design system with tokens and components for React, Flutter, iOS, and Android.

Community
Advanced
SpaceZephyrSpaceZephyr
333

meridian

Create Meridian dashboard panels and navigation components for Obsidian vault integrations.

Community
Intermediate
wyrmspirewyrmspire

video-to-website

Convert video files into scroll-driven animated websites with FFmpeg, GSAP, and Lenis.

Community
Advanced
mklozmkloz

animation-designer

Automate web animations, transitions, and motion designs with Framer Motion and CSS.

Community
Advanced