Siriwat K
Community@siriwatknp · Thailand
❤️ CSS
Agent Skills by Siriwat K
Showing 23 vetted skills indexed across 2 GitHub repositories.
understand-doc-system
Plan software documentation using the four-quadrant Diataxis documentation framework.
ui-engineer
Implements MUI components with theme-first styling, accessibility, and dark mode rules.
using-base-ui-with-material-ui
Integrates Base UI components with Material UI using the render prop pattern.
writing-registry-meta
Generates JSON meta files with required fields for MUI Treasury registry components.
build-app-layout
Create React application layouts with header, footer, content, and sidebar components.
using-mui-components
Apply consistent MUI patterns across @mui/material, @mui/x-charts, and theming.
conducting-tech-analysis
Generate a tech-analysis research document from requirements and codebase.
agent-browser
Automate browser tasks and data capture via a Bash CLI.
vercel-react-native-skills
Optimize React Native and Expo app performance for lists, animations, and images.
build-mui-playground
Create and update Material-UI playground pages under docs/src/pages.
web-design-guidelines
Evaluate UI code against Web Interface Guidelines and output file:line findings.
find-skills
Search for and install agent skills using the Skills CLI.
create-mui-sandbox
Generate a StackBlitz sandbox preconfigured with MUI packages.
build-mui-demo
Automates creation and documentation of Material UI and MUI X demos and workflows.
supabase-postgres-best-practices
Identify and implement PostgreSQL performance improvements for Supabase projects.
next-best-practices
Analyze Next.js repositories for deviations from App Router and Server Components practices, outputting a prioritized action plan.
working-on-plans
Convert project plans into phased execution workflows with confirmation prompts.
reviewing-base-ui-usage
Audit codebases for Base UI usage patterns and accessibility best practices.
planning-research
Translate technical research into phased implementation plans with dependencies.
vercel-react-best-practices
Identify React/Next.js performance improvements across components, data-fetching, and bundling.
ai-sdk
Answer AI SDK questions and guide developers on generateText, streamText, and tool usage.
vercel-composition-patterns
Refactor React components by replacing boolean props with composable patterns.
writing-responses-docs
Enforce concise, information-dense writing for AI responses and planning notes.