Ernest Tan Hiok Kuek
Community@HiokKuek · Singapore
👨💻 Computer Science Major @ NUS
Agent Skills by Ernest Tan Hiok Kuek
Showing 13 vetted skills indexed across 1 GitHub repositories.
HiokKueksgds-utilities
Applies SGDS Tailwind v4 utility classes with the sgds: prefix for styling web interfaces.
HiokKueksgds-theming
Customizes SGDS application themes by overriding CSS tokens for brand colours, night mode, and fonts.
HiokKueksgds-layouts
Provides page layout patterns for SGDS applications using web components and utility classes.
HiokKueksgds-templates
Generate full-page UI templates using SGDS web components and utility classes.
HiokKueksgds-writing
Applies Singapore Government Design System writing rules to UI copy and documentation.
HiokKueksgds-migration
Migrate frontend applications from other UI libraries to SGDS web components.
HiokKueksgds-patterns
Provides reusable SGDS typography pattern templates with raw HTML markup for headings, displays, lists, and paragraphs.
HiokKueksgds-blocks
Generates reusable SGDS UI blocks for composing Singapore Government web pages and sections.
HiokKueksgds-forms
Implements form validation patterns for SGDS web components using constraint validation and setInvalid.
HiokKueksgds-components
Provides reference documentation and framework integration guidance for SGDS web components.
HiokKueksgds-data-visualisation
Configures Apache ECharts with the SGDS colour palette for charts in SGDS applications.
HiokKueksgds-workflow
Routes SGDS development tasks to the correct Singapore Design System skill.
HiokKueksgds-getting-started
Configures fonts, CSS imports, component registration, and layout for new SGDS web component projects.
Frequently Asked Questions About Ernest Tan Hiok Kuek
FAQPage SchemaWhat tasks can I accomplish with the SGDS skill registry?▼
You can bootstrap new SGDS applications, reference all sgds: Tailwind utility classes, implement 50+ web components, apply page layouts and templates, build validated forms, customise themes with dark mode, create ECharts dashboards, and migrate existing projects from MUI, Chakra UI, shadcn/ui, Ant Design, Vuetify, Angular Material, or Bootstrap.
Who should use these SGDS skills?▼
Frontend engineers and developers building Singapore Government digital services or applications with the @govtechsg/sgds-web-component library. It supports React 19+, React ≤18, Vue, Angular, and Next.js projects, serving both new application bootstrapping and existing codebase migrations.
How do I start a new SGDS project using these skills?▼
Begin with the sgds-getting-started skill, which sequences font setup, foundation CSS, utilities, components, and app layout in the correct order. The sgds-workflow skill acts as the mandatory entry point, routing you to the right skill for setup, components, theming, layouts, or data visualisation.
What are the prerequisites and dependencies for SGDS skills?▼
Skills require the @govtechsg/sgds-web-component library with Tailwind v4 for utility classes. The sgds-patterns skill explicitly requires sgds-utilities and sgds-components as prerequisites. Migration projects need Vitest plus Playwright, or an existing Jest/RTL test setup to patch.
Does the registry cover form validation and data visualisation?▼
Yes. The sgds-forms skill covers constraint validation, custom validation, hasFeedback, setInvalid, noValidate, and FormData handling. The sgds-data-visualisation skill covers ECharts setup and applying the official SGDS colour palette to charts and dashboards.