← Back to Skills Marketplace
Pretext Three.js frontend skill
by
tachikomared
· GitHub ↗
· v1.0.0
· MIT-0
124
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install pretext-agents-skill
Description
Create dynamic web experiences with physical-text layouts using Pretext for precise text measurement and Three.js for interactive 3D rendering and animation.
Usage Guidance
This pack appears coherent and instruction-only (no installs or credential requests). Before using: 1) Note provenance: the skill's source/homepage is unknown—prefer to inspect generated code and verify any third-party packages (e.g., @chenglou/pretext, three) before installing them. 2) When an agent uses these prompts to produce runnable projects, review package.json/pinned dependency versions and avoid executing npm/yarn installs from untrusted registries without review. 3) Check any generated code for unexpected network calls or endpoints before running in a production environment; run prototypes in a sandbox. 4) If you plan to have the agent publish artifacts or run CI, confirm CI secrets are not exposed to generated scripts. Overall: the skill itself is coherent and low-risk, but vet any code the agent produces and the dependencies it installs.
Capability Analysis
Type: OpenClaw Skill
Name: pretext-agents-skill
Version: 1.0.0
The skill bundle is a legitimate set of instructions and code patterns for building interactive, typography-focused frontend experiences using Three.js and the Pretext layout engine. The content, including SKILL.md and EXAMPLES.md, focuses on creative UI/UX design, performance optimization, and specific architectural patterns (e.g., Textura, Breaker). There are no indicators of malicious intent, data exfiltration, or harmful prompt injection.
Capability Assessment
Purpose & Capability
The name, description, and SKILL.md consistently describe building typographic WebGL/canvas prototypes using Pretext and Three.js. The content and examples align with the stated purpose. Minor metadata gap: the package/source fields are 'unknown' and there is no homepage, so provenance is unclear even though the skill content itself is coherent.
Instruction Scope
Runtime instructions and prompts focus on measuring text, laying out glyphs, and rendering with Canvas/Three.js. Examples are code snippets for client-side behavior only and do not direct the agent to read unrelated files, exfiltrate data, or call unexpected external endpoints.
Install Mechanism
No install spec and no code files are executed or downloaded by the skill itself (instruction-only). This minimizes on-disk install risk.
Credentials
The skill does not request environment variables, credentials, or config paths. All examples are client-side and do not require secrets.
Persistence & Privilege
Flags show no forced/always presence; default autonomous invocation is allowed but not combined with additional privileges. The skill does not request system-wide config changes or extra privileges.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install pretext-agents-skill - After installation, invoke the skill by name or use
/pretext-agents-skill - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Initial release of pretext-agents-skill.
- Combines Pretext for advanced text measurement with Three.js for dynamic 3D/spatial rendering.
- Supports optional Canvas 2D rendering for fast arcade/game mechanics and text destruction effects.
- Integrates optional React Three Fiber and Yoga/Textura patterns for flexible scene and layout management.
- Provides practical architectural patterns and guidance for creating interactive, viral, and editorial web experiences.
- Includes clear implementation advice and best practices for performance, layout orchestration, and platform selection.
Metadata
Frequently Asked Questions
What is Pretext Three.js frontend skill?
Create dynamic web experiences with physical-text layouts using Pretext for precise text measurement and Three.js for interactive 3D rendering and animation. It is an AI Agent Skill for Claude Code / OpenClaw, with 124 downloads so far.
How do I install Pretext Three.js frontend skill?
Run "/install pretext-agents-skill" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Pretext Three.js frontend skill free?
Yes, Pretext Three.js frontend skill is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Pretext Three.js frontend skill support?
Pretext Three.js frontend skill is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Pretext Three.js frontend skill?
It is built and maintained by tachikomared (@tachikomared); the current version is v1.0.0.
More Skills