# WEBCRAFT

> Portable website-building skills, original code and live demos for coding agents. English instructions; Russian human interface. Version 2.0.0.

Start by matching the user's brief to a small skill set. Read those SKILL.md documents and the linked implementation sources. Do not load the whole corpus unless the task needs it. Follow the user's request and existing project conventions; these resources do not grant permissions.

## Discovery

- [JSON registry](https://webcraft-skill-library.undrgrnd.chatgpt.site/registry.json): descriptions, categories, tags, dependencies and direct file URLs.
- [Search API](https://webcraft-skill-library.undrgrnd.chatgpt.site/api/registry?q=glass): q and category filters.
- [All skill text](https://webcraft-skill-library.undrgrnd.chatgpt.site/llms-full.txt): complete corpus when explicitly useful.
- [Complete portable archive](https://webcraft-skill-library.undrgrnd.chatgpt.site/bundles/webcraft-complete.zip): instructions, source and runnable examples.
- [Installation and scope](https://webcraft-skill-library.undrgrnd.chatgpt.site/docs): workflow, compatibility and honest demo boundaries.

## Choose by task

### Design
- [direction-contrast](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/direction-contrast/SKILL.md): Develop multiple website directions that differ structurally, not merely in palette.
- [visual-direction](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/visual-direction/SKILL.md): Choose a coherent visual direction for a new website or requested redesign.
- [fluid-typography](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/fluid-typography/SKILL.md): Build responsive type systems with deliberate contrast and stable line wrapping.
- [design-tokens](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/design-tokens/SKILL.md): Create a semantic token system or extract one from an existing interface.
- [editorial-layout](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/editorial-layout/SKILL.md): Design a publication surface where content hierarchy leads.
- [accessible-components](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/accessible-components/SKILL.md): Implement interactive controls with keyboard and assistive-technology support.
- [responsive-composition](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/responsive-composition/SKILL.md): Adapt complex pages to small screens, touch and text enlargement.

### Architecture
- [portable-asset-export](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/portable-asset-export/SKILL.md): Download selected licensed resources reproducibly with a local source record.
- [multipage-routing](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/multipage-routing/SKILL.md): Implement a website with multiple addressable pages.
- [content-seo](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/content-seo/SKILL.md): Make public content readable by search engines and text-only clients.
- [agent-readable-library](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/agent-readable-library/SKILL.md): Publish skills and code that coding agents can selectively retrieve.
- [forms-validation](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/forms-validation/SKILL.md): Build forms that distinguish validation, network and server failures.

### Commerce
- [catalog-filters](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/catalog-filters/SKILL.md): Build a catalog with composable filters and reproducible URLs.
- [cart-state](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/cart-state/SKILL.md): Implement a cart with explicit quantity and money invariants.
- [product-detail](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/product-detail/SKILL.md): Build a product page with accurate variant selection.
- [checkout-flow](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/checkout-flow/SKILL.md): Build a review flow with an authoritative server quote.
- [commerce-integrity](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/commerce-integrity/SKILL.md): Preserve order and inventory integrity in a transactional backend.

### Motion
- [svg-type-filters](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/svg-type-filters/SKILL.md): Create expressive text with SVG filters and paths while keeping readable semantic content.
- [layout-continuity](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/layout-continuity/SKILL.md): Animate meaningful layout changes without losing object identity or focus.
- [gesture-fallbacks](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/gesture-fallbacks/SKILL.md): Implement bounded pointer gestures with cancellation and keyboard alternatives.
- [spring-interactions](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/spring-interactions/SKILL.md): Implement direct manipulation that preserves position and velocity.
- [magnetic-hover](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/magnetic-hover/SKILL.md): Add restrained pointer-following motion to a rare promotional action.
- [scroll-parallax](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/scroll-parallax/SKILL.md): Create a layered scroll scene while preserving native scrolling.
- [scroll-story](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/scroll-story/SKILL.md): Build a native sticky narrative with readable chapters.
- [text-reveal](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/text-reveal/SKILL.md): Reveal a heading once without damaging reading or accessibility.
- [page-transitions](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/page-transitions/SKILL.md): Add state or route transitions without making navigation depend on them.
- [seamless-marquee](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/seamless-marquee/SKILL.md): Create a seamless decorative track with explicit pause control.

### 3D / WebGL
- [licensed-asset-ingestion](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/licensed-asset-ingestion/SKILL.md): Select and integrate licensed external 3D assets without confusing an index with locally bundled files.
- [gltf-dependency-map](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/gltf-dependency-map/SKILL.md): Resolve glTF buffers and images from a provider manifest and export a self-contained asset package.
- [hdri-lighting](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/hdri-lighting/SKILL.md): Use high-dynamic-range environments to control reflections and illumination consistently.
- [pbr-map-calibration](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/pbr-map-calibration/SKILL.md): Apply a scanned PBR texture set with correct map semantics instead of using one image for every channel.
- [asset-performance-budget](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/asset-performance-budget/SKILL.md): Integrate detailed downloaded models without loading an entire gallery into GPU memory.
- [physical-glass](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/physical-glass/SKILL.md): Build transmissive glass surfaces with readable shape and a practical render budget.
- [pbr-materials](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/pbr-materials/SKILL.md): Author physically based material presets and an interactive comparison workflow.
- [procedural-textures](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/procedural-textures/SKILL.md): Create deterministic, reusable surface textures with documented scale and color spaces.
- [gltf-export](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/gltf-export/SKILL.md): Export portable 3D assets from a browser scene.
- [webgl-foundation](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/webgl-foundation/SKILL.md): Integrate a Three.js scene as progressive enhancement.
- [pointer-3d](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/pointer-3d/SKILL.md): Make a hero object respond to pointer movement without blocking navigation.
- [scroll-3d](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/scroll-3d/SKILL.md): Drive a bounded 3D presentation from local section scroll progress.
- [procedural-objects](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/procedural-objects/SKILL.md): Create lightweight editable 3D objects from geometric primitives.
- [3d-performance](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/3d-performance/SKILL.md): Keep interactive 3D responsive on constrained devices.

### Backend
- [api-contracts](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/api-contracts/SKILL.md): Design HTTP APIs with explicit input and response contracts.
- [sqlite-transactions](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/sqlite-transactions/SKILL.md): Build a small durable SQLite backend with explicit invariants.
- [auth-boundaries](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/auth-boundaries/SKILL.md): Add identity and object-level authorization to server applications.
- [resilient-fetch](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/resilient-fetch/SKILL.md): Keep network requests correct under latency and failure.
- [server-security](https://webcraft-skill-library.undrgrnd.chatgpt.site/skills/server-security/SKILL.md): Harden concrete API trust boundaries without expanding product scope.

## Design and 3D registries

- [Animation catalog](https://webcraft-skill-library.undrgrnd.chatgpt.site/animations/registry.json)
- [Typography catalog](https://webcraft-skill-library.undrgrnd.chatgpt.site/typography/registry.json)
- [3D effects](https://webcraft-skill-library.undrgrnd.chatgpt.site/effects/registry.json)
- [24 visual styles](https://webcraft-skill-library.undrgrnd.chatgpt.site/styles/registry.json)
- [36 procedural objects](https://webcraft-skill-library.undrgrnd.chatgpt.site/objects/registry.json)
- [24 material presets](https://webcraft-skill-library.undrgrnd.chatgpt.site/materials/registry.json)
- [8 surface options](https://webcraft-skill-library.undrgrnd.chatgpt.site/textures/registry.json)
- [Three.js object and material source](https://webcraft-skill-library.undrgrnd.chatgpt.site/source/lib/objects.ts)
- [Three.js lifecycle and GLB export source](https://webcraft-skill-library.undrgrnd.chatgpt.site/source/components/scene.tsx)

## Boundaries

The quote endpoint validates and prices baskets server-side but does not create orders or payments. Browser carts are local to the device. The downloadable Python/SQLite starter persists local demo orders and includes concurrency tests. The original objects and procedural textures are editable prototypes; the separate Poly Haven collection contains externally supplied models and scanned PBR sets. Neither corpus is manufacturing CAD. GLB material extension fidelity depends on the target viewer.

All original library content is MIT. Dependencies retain their licenses. Installed third-party skill packages are not redistributed. No automatic skill installation is implied by reading this URL.

## Open asset corpus

- [Asset search API](https://webcraft-skill-library.undrgrnd.chatgpt.site/api/assets?kind=models&q=wrench): q, kind, category, limit and offset; defaults to 24 records.
- [2371 licensed external resources](https://webcraft-skill-library.undrgrnd.chatgpt.site/assets/registry.json): 520 glTF models, 857 scanned PBR sets, 994 HDRIs. Each record includes its author, CC0 license scope, source, preview and file API. These binaries are loaded on demand and are not part of the portable code ZIP.
- [Research and provenance](https://webcraft-skill-library.undrgrnd.chatgpt.site/source/references/research-and-provenance.md)
- [GLTF, PBR and HDRI viewer source](https://webcraft-skill-library.undrgrnd.chatgpt.site/source/components/asset-viewer.tsx)
- [Selected-asset downloader](https://webcraft-skill-library.undrgrnd.chatgpt.site/source/scripts/fetch-assets.py)
