TenBeltz
Official@tenbeltz · Spain
Software Development Company
Agent Skills by TenBeltz
Showing 13 vetted skills indexed across 1 GitHub repositories.
TenBeltzui-ux-pro-max
Consolidate UI/UX patterns, palettes, typography, and guidelines for web and mobile design.
TenBeltzckm:design
Coordinate end-to-end design workflows across branding, CIP, and assets.
TenBeltzthreejs-webgl
Create interactive 3D scenes with Three.js using WebGL rendering.
TenBeltzckm:banner-design
Design multi-format banners for social media, ads, and print with AI-assisted art direction.
TenBeltzmotion-framer
Create React UI animations with motion components, variants, and gestures.
TenBeltzbabylonjs-engine
Generate Babylon.js 7.x scenes with React, vanilla JS, and WebXR patterns.
TenBeltzckm:ui-styling
Package shadcn/ui components and Tailwind styling utilities for React projects.
TenBeltzgsap-scrolltrigger
Build scroll-driven web animations with GSAP and ScrollTrigger.
TenBeltzckm:brand
Extract brand context from Markdown guidelines and inject it into prompts.
TenBeltzckm:slides
Create strategic HTML slide decks with Chart.js and design tokens.
TenBeltzreact-three-fiber
Render declarative 3D scenes in React using JSX components mapped to Three.js objects.
TenBeltzckm:design-system
Generates CSS variables and brand-aligned slides from a three-layer design token architecture.
TenBeltztenbeltz:brand-guidelines
Apply TenBeltz brand guidelines to visual assets and documentation.
Frequently Asked Questions About TenBeltz
FAQPage SchemaWhat specific visual tasks can be performed using TenBeltz?▼
TenBeltz enables the creation of interactive 3D scenes via WebGL, complex scroll-driven web animations, and the generation of brand-consistent design systems. It supports the production of HTML-based slide decks, multi-format social media assets, and the styling of interface components using Tailwind and design token architectures.
Which technical personas benefit most from these design capabilities?▼
Frontend engineers, creative developers, and UI/UX designers benefit from these capabilities. The system is specifically designed for professionals building high-fidelity React interfaces, 3D web experiences, and those requiring strict adherence to corporate brand guidelines across digital assets and presentation materials.
What are the primary dependencies for implementing these design patterns?▼
Implementation requires a React-based environment and familiarity with specific libraries including Three.js, Babylon.js, GSAP, and Framer Motion. Projects rely on a three-layer design token architecture to manage CSS variables, typography, and color palettes across web and mobile interfaces.