anthropics/skills180kfrontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
Plan, generate, source, normalize, and validate cohesive visual game assets. Use for art direction, style bibles, sprites, tilesets, backgrounds, UI art, icons, textures, concept art, or 3D asset briefs.
把这段话发给 Claude Code、Codex 或 Cursor。智能体会先检查安全性,你确认后才安装。
读取 https://funcoding.ai/skills/gamedev-skills/awesome-gamedev-agent-skills/create-game-assets/install.md ,按里面的步骤帮我安装这个 Skill。
Turn a game's visual intent into a consistent, engine-ready asset set. Treat image generation as one production tool inside a controlled pipeline, never as proof that an asset is shippable.
assets/art-direction-brief.md as a copyable brief.assets/asset-manifest.json, then list every required asset,
state, variant, size, pivot, collision role, source, license, and approval status. Separate
production assets from disposable greybox placeholders.| Need | Default path |
|---|---|
| Existing asset needs a controlled change | Edit the original/reference; state what must remain unchanged |
| New 2D visual family | Approve seed → generate/source family → normalize → preview → import |
| True pixel art | Use generated work as a draft; enforce grid, palette, clusters, and frames with pixel tools |
| Tileable surface or tileset | Produce a small family; repair seams; test repeated 3×3 before approval |
| UI art or icons | Keep text and interaction code-native; prefer SVG/vector for simple geometric symbols |
| 3D model or material | Use concepts as reference; author/clean in a DCC; validate topology, UVs, scale, pivots, and LODs |
| No generation/edit tool is available | Build the brief and manifest; source licensed assets or keep explicit greybox placeholders |
| Audio asset | Route sound implementation and mixing to audio-design; still track source/license in the manifest |
When a capable image generation or editing tool is installed, use it for live visual creation. If
the workspace exposes an imagegen skill, read and follow it for the actual generation/edit call;
this skill owns the game-art brief, constraints, normalization, and acceptance gates.
Build prompts from these blocks:
ROLE/PURPOSE: production asset for [gameplay role]
SUBJECT: [specific object/character and action]
VIEW: [orthographic/top-down/side/three-quarter], [camera and facing]
ART DIRECTION: [shape language], [palette roles], [materials], [edge treatment]
GAME-SCALE READ: [silhouette and focal details that must survive at WxH]
TECHNICAL OUTPUT: [dimensions/aspect], [transparent or scene background], [frame/slot count]
LOCKS: preserve [identity, proportions, palette, costume, lighting, line weight]
EXCLUDE: text, labels, mockup frames, scenery, duplicate objects, cropped edges, signatures
For edits, say both what changes and what stays fixed. Ask for transparent output through the tool's native transparency option when available, then verify the alpha channel—prompt wording alone does not guarantee transparency.
Inspect constraints and emit a machine-readable report:
python scripts/asset_report.py assets/player-idle.png \
--expect-size 64x64 --require-alpha --max-colors 48 --json
Build a nearest-neighbor contact sheet over a checkerboard:
python scripts/build_preview_sheet.py output/player/*.png \
--out output/player-preview.png --columns 4 --cell-size 192
Run script paths relative to this skill directory, or resolve the installed skill path first.
Both scripts require Python 3.10+ and Pillow. Install the only dependency with
python -m pip install -r scripts/requirements.txt when it is not already available.
Do not call an asset production-ready from a prompt result alone. Approval requires the relevant technical checks plus an in-engine or native-scale visual inspection.
references/art-direction.md.references/raster-pipeline.md.references/three-d-pipeline.md.references/provenance.md.game-ui-ux for layout, navigation, readability, and accessible interaction.game-feel, shader-programming, and audio-design for presentation after the source art fits.godot-tilemap, unity-tilemap-2d,
pixijs-rendering, and threejs-gltf-loading.
anthropics/skills180kGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
anthropics/skills180kSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
前端开发
addyosmani/agent-skills103kGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
前端开发
addyosmani/agent-skills103kBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
前端开发
addyosmani/agent-skills103kOptimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.
前端开发
nexu-io/open-design100kOpenDesign's feature business case for the plugin marketplace: the user pain, options, tradeoffs, and the measure of success. Built as a decision-grade product management deck for PM, eng, design, leadership.
前端开发