Mark Lester Apuya
Community@apuya · Los Angeles, CA
Mark Lester Apuya maintains 16 skills covering React component engineering, design systems, accessibility, testing, and frontend build and release discipline.
Agent Skills by Mark Lester Apuya
Showing 15 vetted skills indexed across 1 GitHub repositories.
apuyaui-design
Specifies, audits, and hands off visual design using semantic design tokens.
apuyacommit
Creates grouped git commits following Conventional Commits format with safety checks.
apuyastorybook
Authors, configures, and audits Storybook CSF3 stories, addons, and play-function interaction tests.
apuyalint
Runs TypeScript type checks, ESLint, and Prettier checks for the react-basics-ui codebase.
apuyatest-driven-development
Drives production code from failing tests through the red-green-refactor cycle.
apuyabuild-toolchain
Designs and audits build tooling for bundlers, package managers, lockfiles, and monorepos.
apuyaversion-control
Manages git branch naming, version tracking, and branch lifecycle workflows.
apuyacomponent
Builds and audits presentational React components with Storybook stories and prop API design.
apuyarelease
Plans and executes software releases including versioning, branches, rollouts, and rollback playbooks.
apuyatailwind
Writes and audits Tailwind CSS v4 utility classes against a design-token system.
apuyaa11y
Audits and remediates web accessibility against WCAG 2.2 Level AA with tiered findings.
apuyafrontend-performance
Diagnoses and improves frontend performance across Core Web Vitals, bundles, and React renders.
apuyatype-driven-development
Encodes domain invariants in static type systems to make illegal states unrepresentable.
apuyadesign-systems
Enforces design token tier rules and audits React components for hardcoded visual values.
apuyareact
Writes and audits React components against the rendering model, Rules of Hooks, and composition patterns.
Frequently Asked Questions About Mark Lester Apuya
FAQPage SchemaWhat tasks can I accomplish with apuya's skills?▼
You can build and audit React presentational components, write Storybook CSF3 stories with play functions, enforce design-token usage, run TDD red-green-refactor cycles, audit WCAG 2.2 AA accessibility, profile Core Web Vitals, manage Tailwind v4 styling, and handle git commits, branching, and release rollouts.
Who are these skills designed for?▼
Frontend engineers and UI designers working in React codebases, particularly teams maintaining the react-basics-ui component library. They suit developers responsible for component APIs, design systems, accessibility compliance, test suites, build toolchains, and release management.
How do the testing and quality skills work in practice?▼
The test-driven-development skill drives code from failing tests using fakes, stubs, mocks, and spies, while lint runs ESLint, Prettier, and tsc checks, and test executes Vitest suites. Type-driven development encodes invariants via newtypes, smart constructors, and discriminated unions.
What design system conventions do these skills enforce?▼
The design-systems skill enforces a primitive-to-semantic token hierarchy, bans raw hex/rgb/px in components, requires dark-theme parity under [data-theme="dark"], and flags dangling var() references. The tailwind skill applies the CSS-first v4 setup with @theme and the cn() clsx plus tailwind-merge pattern.
What are the prerequisites for using these skills?▼
Skills assume a React and TypeScript environment, with several scoped specifically to the react-basics-ui project. Storybook skills require Storybook 8+ with CSF3, tailwind requires Tailwind CSS v4, and build-toolchain covers npm, pnpm, yarn, Vite, Webpack, Rollup, and esbuild setups.