skills.rest
herveDarritchon
herveDarritchonCOMMUNITY
Explore all skills by this author →
GitHub

applicationv2-ui-sheets

Define coding standards for Foundry VTT UI sheets in swerpg.

1|Updated Mar 15, 2025
Search Tags:#accessibility#ui design#modular design#sheets#foundry vtt#application v2
One-click install
npx skills add https://github.com/herveDarritchon/foundryvtt-swerpg --skill applicationv2-ui-sheets
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: applicationv2-ui-sheets
Source: https://github.com/herveDarritchon/foundryvtt-swerpg/tree/main/.agents/skills/applicationv2-ui-sheets
Command: npx skills add https://github.com/herveDarritchon/foundryvtt-swerpg --skill applicationv2-ui-sheets

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the creation, modification, and review of UI applications and sheets within Foundry VTT for the swerpg system, ensuring adherence to modern architecture standards.

Core Features & Use Cases

  • UI Contract Enforcement: Defines and maintains UI coding standards and HTML/CSS conventions for stable, accessible overlays.
  • Sheet Development & Refactoring: Guides the development of actor and item sheets, including tab structures, context preparation, and interaction handling.
  • Use Case: When creating a new character sheet, follow this Skill’s rules to ensure it integrates seamlessly with Foundry's lifecycle, supports tabs, and maintains accessibility.

Quick Start

Use the UI sheets skill to provide a consistent template structure for actor sheets in your Foundry module.

Frequently Asked Questions about applicationv2-ui-sheets

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build accessible and modular UI sheets for Foundry VTT using ApplicationV2?▼

To build accessible Foundry VTT UI sheets, apply ApplicationV2 patterns to enforce HTML/CSS conventions, modular layout, and proper registration procedures. This ensures sheets are stable, maintainable, and user-friendly across the system.

What are the best practices for structuring actor and item sheets in Foundry VTT?▼

Best practices for Foundry VTT actor and item sheets include defining consistent tab structures, preparing context data correctly, and handling user interactions systematically. Architecture compliance guarantees seamless integration with Foundry's application lifecycle.

Does this Foundry VTT UI skill enforce accessibility standards for character sheets?▼

Yes, this Foundry VTT UI skill enforces accessibility standards by defining strict UI coding conventions for stable overlays. It ensures character sheets maintain accessibility compliance and integrate seamlessly with the system lifecycle.

How do I refactor existing Foundry VTT sheets to align with ApplicationV2 patterns?▼

Refactoring Foundry VTT sheets to ApplicationV2 involves applying modular design principles, updating context preparation, and enforcing UI coding standards. This guarantees seamless integration and stable, accessible interactions within the system.

Why should I use modular design for Foundry VTT UI sheet development?▼

Using modular design for Foundry VTT UI sheets establishes consistent, maintainable architecture. It enforces UI coding standards and proper registration procedures, preventing instability and ensuring sheets remain user-friendly across system updates.

Related Skills

Explore More Software Engineering Skills→
ImproperSubsetImproperSubset
1

fvtt-applications

Create and migrate Foundry VTT UI components using ApplicationV2.

Community
Intermediate
ImproperSubsetImproperSubset
1

fvtt-hooks

Register and manage Foundry VTT hooks with Hooks.on, once, call, and callAll.

Community
Basic
ImproperSubsetImproperSubset
1

fvtt-sheets

Build and migrate Foundry VTT ActorSheet and ItemSheet components across V1 and V2 APIs.

Community
Advanced
kettleofketchupkettleofketchup

foundry-vtt

Centralize Foundry VTT development and deployment guidance for modules, systems, and Kubernetes.

Community
Advanced