Define TinyWasm component structure, embedding, CSS tokens, SSR, and PLAN.md workflow.
npx skills add https://github.com/tinywasm/devflow --skill components-tinywasm
Please help me install this Agent Skill. Skill: components Source: https://github.com/tinywasm/devflow/tree/main/skills/components Command: npx skills add https://github.com/tinywasm/devflow --skill components-tinywasm
TinyWasm component creation standards for tinywasm/components define a consistent, shareable blueprint for UI component development, embedding rules, CSS tokens, SSR behavior, and PLAN.md workflow to streamline reviews.
Create a new component under tinywasm/components, follow the file structure, and consult PLAN.md for review steps.
High-intent search queries and answers about installing and using this skill.
Standardizing TinyWasm UI components requires per-component folders containing Go files, CSS, tests, and SSR code. This enforces uniformity across the tinywasm/components directory and streamlines the development and review workflow.
TinyWasm CSS token conventions enforce theme consistency by avoiding hard-coded colors, enabling CSS-driven customization across components to ensure visual uniformity throughout the tinywasm/components library.
SSR separation patterns in frontend components support pre-rendering and runtime rendering across environments. Following these guidelines ensures TinyWasm components render correctly during server-side pre-rendering and client-side runtime execution.
Embedding dom.Element by value improves component performance and safety. The TinyWasm component standard provides clear embedding and rendering guidance to ensure efficient DOM manipulation without pointer overhead.
The PLAN.md workflow requirement ensures documentation and review steps are followed before dispatching changes. Consulting PLAN.md during TinyWasm component development guarantees all code review standards are met prior to integration.
To register icons in a TinyWasm UI component, follow the icon registration guidelines defined in the development standard. This ensures icons are properly managed and support pre-rendering and runtime rendering environments.
tnezInitialize the .docent directory structure and configuration for new projects.
jyang234Codifies comprehensive testing standards for Go projects and test suites.
asifhussain60Validate CSS theme parity across site/css and theme-switcher assets.
NolanPicEnforce frontend component coding standards in Claude Code workflows.
