Menú
SkillsMP ha recopilado 23 skills de nikunjkothiya/gpt-6-astra-skills. Abre una skill para revisar su origen y sus detalles.
Copia este prompt en el asistente de IA que estés usando.
Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/nikunjkothiya/gpt-6-astra-skills.A set of task-specific instructions for visual direction, interface composition, responsive layouts, interaction, motion and interactive 3D. The coordinator selects relevant specialists; individual Skills cover areas such as Three.js, camera, materials, lighting and visual QA.
Load the full Skill folders, use the local MCP reader, or export selected Markdown instructions. For broad work, start with visual-engineering-intelligence; use a specialist for a focused repair.
Supply the target project, actual content, brand constraints and available assets. The host needs tools for editing and inspecting the result. Markdown export and local MCP use Node.js 20 or newer; native Skill loading has no runtime dependency.
The repository supplies instructions and code recipes, not a website template, media library or rendered example site. Its local MCP server only reads content. Package checks and optional helpers do not certify a generated site’s appearance, accessibility conformance or performance.
Sources
nikunjkothiya shares a visual engineering Skill collection covering interfaces, animation, rendering and 3D geometry. The post introduces the collection as a whole rather than one individual Skill.
Mostrando 23 de 23 skills recopiladas.
Add the Visual Engineering Intelligence skill suite and local MCP server to an agent host. Use when a host needs the packaged skills to be discoverable and available for visual work; do not use for the visual work itself.
Idioma del texto original: inglés
Design assembly, disassembly, teardown, exploded views, and reversible part inspection from attachment dependencies, release mechanisms, insertion axes, swept clearance, and canonical return states. Use when revealing construction, separating or reconnecting…
Idioma del texto original: inglés
Design and implement cinematic websites and interface sequences with scroll choreography, Three.js, GSAP, shaders, spatial components, and measured motion. Use when a brief calls for a directed visual story, an interactive 3D hero, or film-like transitions…
Idioma del texto original: inglés
Construct or repair dimensional objects and procedural forms through silhouette, proportion, negative space, thickness, curvature, and mating relationships. Use for product geometry, three-dimensional assets, mechanical visualization, parameterized forms, or…
Idioma del texto original: inglés
Design control behavior, selection, forms, feedback, and object manipulation. Use when interactions need clear states, dependable interruption, failure recovery, or continuity between interface and scene.
Idioma del texto original: inglés
Select and implement topic-appropriate motion graphics, cursor tracking, hover reveals, scroll animation, and pointer-controlled video or image sequences. Use for animated website/UI briefs and interactive media; combine with cinematic-web for a directed…
Idioma del texto original: inglés
Design and refine interface transitions, direct manipulation, object animation, reveals, loops, and progress-driven choreography. Use when movement must clarify state, feel responsive, convey weight, preserve continuity, or survive interruption and reversal;…
Idioma del texto original: inglés
Define part identity, transform hierarchy, coordinate frames, functional pivots, constraints, and canonical poses for articulated objects and assemblies. Use when parts inherit movement, rotate around the wrong point, detach, change parents, regenerate, drift…
Idioma del texto original: inglés
Refine rendered images and moving scenes for final delivery, and diagnose jagged edges, flicker, washed-out color, muddy shadows, transparency artifacts, noise, and ghosting. Use when a visually constructed result loses clarity, surface identity, or stability…
Idioma del texto original: inglés
Adapt layouts, controls, and spatial views to available space, enlarged text, and input conditions. Use for responsive implementation or overflow, crowded controls, lost comparisons, and poor object framing.
Idioma del texto original: inglés
Implement browser 3D experiences with Three.js or an existing React Three Fiber stack. Use for scene lifecycle, asset loading, canvas and DOM integration, picking, animation loops, rendering configuration, and GPU resource ownership. Pair with the relevant…
Idioma del texto original: inglés
Compose page and interface layouts through hierarchy, typography, grids, spacing, imagery, color, and depth. Use for screen design, dense information, visual polish, or layouts that feel busy, empty, or unbalanced.
Idioma del texto original: inglés
Choose distinctive art direction for new websites, digital products, substantial redesigns, or generic-looking results. Turn product intent and real content into a coherent visual concept; preserve existing identity during local polish.
Idioma del texto original: inglés
Coordinate substantial website, interface, motion, and 3D design or implementation. Use for work spanning visual disciplines; route narrow repairs directly to their specialist.
Idioma del texto original: inglés
Critique, visually inspect, and refine interfaces, images, objects, animation, and spatial scenes before completion. Use when a result looks wrong, generic, unfinished, or inaccurate; identify the largest visible failure and correct its responsible layer.
Idioma del texto original: inglés
Reconstruct interfaces or scenes from screenshots, images, recordings, or sketches. Use for faithful reproduction, measured discrepancy correction, or reference-based adaptation while distinguishing observations from inference.
Idioma del texto original: inglés
Compose 3D product views, spatial inspection, narrative shots, and camera movement through framing, perspective, viewpoint, and visual weight. Use when a subject feels small, distorted, obscured, poorly balanced, or disorienting, and when scene framing must…
Idioma del texto original: inglés
Design and refine lighting for 3D scenes, product renders, spatial experiences, and visual storytelling. Use to reveal form and material, direct attention, establish atmosphere, or fix flat illumination, muddy shadows, weak separation, and floating objects.
Idioma del texto original: inglés
Design and refine physical or stylized materials for 3D objects, product imagery, and spatial scenes. Use to establish metal, glass, plastic, fabric, wood, or coated finishes, and to fix surfaces that look plastic, flat, noisy, or inconsistent under light.
Idioma del texto original: inglés
Design and refine 3D scenes, spatial interfaces, product explorers, and interactive environments through scale, depth, occlusion, landmarks, and interaction zones. Use when users must understand, inspect, compare, navigate, or manipulate spatial relationships.
Idioma del texto original: inglés
Design readable contrast, visible focus, input alternatives, text enlargement, and reduced-motion behavior for interfaces, diagrams, animation, and spatial experiences. Use whenever visual treatment affects access to a task or essential information, including…
Idioma del texto original: inglés
Improve visual responsiveness and loading while preserving fidelity in heavy scenes, dense interfaces, animation, large imagery, and expensive effects. Use for stutter, delayed feedback, memory growth, or quality adaptation; avoid speculative simplification…
Idioma del texto original: inglés
Shape product stories, visual explanations, demonstrations, exhibitions, educational sequences, and guided exploration into meaningful stages and reveals. Use when deciding what a viewer learns first, coordinating subject and annotation across stages,…
Idioma del texto original: inglés