masakinihirota
Community@masakinihirota · Tokyo
オアシス宣言
Agent Skills by masakinihirota
Showing 84 vetted skills indexed across 3 GitHub repositories.
masakinihirotabutton-interaction-design
Enforces cursor-pointer styling on buttons and interactive UI components.
masakinihirotaplaywright-cli
Automate browser interactions and Playwright test workflows through a command-line interface.
masakinihirotaanimate
Adds purposeful animations, micro-interactions, and motion effects to web UI features.
masakinihirotaquieter
Reduces visual intensity in designs by refining color, typography, motion, and composition.
masakinihirotashape
Plan UX and UI design through structured discovery interviews and design briefs.
masakinihirotatodo-list-management
Organizes, tracks, and archives project TODO markdown files with progress dashboards.
masakinihirotastrict-mode-updater-safety
Detect and fix impure React setState updater functions exposed by Strict Mode.
masakinihirotatab-name-normalization
Implements shared trim-based normalization and duplicate rejection for tab name add and edit operations.
masakinihirotasetup-matt-pocock-skills
Configure a repository's issue tracker, triage labels, and domain doc layout for engineering skills.
masakinihirotaclient-component-boundary-guard
Validates Client and Server component boundaries in Next.js App Router projects.
masakinihirotaoptimize
Diagnoses and fixes UI performance issues across loading, rendering, animations, and bundle size.
masakinihirotaadapt
Adapt designs across screen sizes, devices, and platforms using breakpoints and fluid layouts.
masakinihirotaimpeccable
Generates production-grade frontend interfaces with distinctive typography, color, and layout guidelines.
masakinihirotadb-antipattern-parallel-check
Audits 25 database antipatterns in parallel and validates schema-migration consistency.
masakinihirotaclarify
Rewrites unclear UX copy, error messages, labels, and instructions for interface comprehension.
masakinihirotalayout
Improves UI layout, spacing, and visual hierarchy through systematic design analysis.
masakinihirotatest-case-outline-generation
Generates Vitest test case outlines using describe and it.todo before TDD implementation.
masakinihirotadistill
Simplify UI designs by removing unnecessary elements, visual noise, and redundant content.
masakinihirotabarrel-import-boundary-guard
Audits barrel import boundaries across App Router entrypoints to verify page-level independence.
masakinihirotadelight
Add micro-interactions, animations, and personality to user interfaces.
masakinihirotateach-impeccable
Gathers project design context through codebase exploration and saves it to a persistent config file.
masakinihirotaonboard
Designs onboarding flows, empty states, and first-time user experiences for web products.
masakinihirotanormalize
Redesigns frontend features to match design system tokens, components, and patterns.
masakinihirotaauth-rls-boundary-hardening
Hardens Better Auth and RLS boundaries with fail-fast validation, audit logging, and regression tests.
Frequently Asked Questions About masakinihirota
FAQPage SchemaWhat tasks can I accomplish with masakinihirota's skills?▼
You can implement Better Auth authentication (email/password, OAuth, passkeys, 2FA, organizations), enforce Vitest TDD cycles, audit Supabase/PostgreSQL schemas for anti-patterns, optimize Next.js and React performance, and refine UI design with layout, typography, animation, and accessibility review skills.
Who are these skills designed for?▼
They target TypeScript full-stack engineers building Next.js App Router applications with Hono, Drizzle ORM, Supabase PostgreSQL, and Tailwind CSS, plus frontend developers seeking production-grade design quality and Japanese technical writers needing style and notation consistency rules.
How do I install and run these skills?▼
Use the find-skills skill to search by task description and receive installation commands. Many design skills are user-invocable with argument hints (e.g., audit [area], optimize [target]), while setup-matt-pocock-skills runs once to configure issue trackers, triage labels, and domain doc layout.
Are these skills open source and what do they cost?▼
The skills are free to use. vercel-react-best-practices and vercel-composition-patterns carry MIT licenses from Vercel, while impeccable is Apache 2.0 licensed and based on Anthropic's frontend-design skill with attribution in NOTICE.md.
What prerequisites and dependencies do the skills require?▼
Skills assume a pnpm-managed TypeScript project with Next.js, React, Vitest, React Testing Library, Better Auth, Drizzle ORM, Supabase PostgreSQL, Hono, and Tailwind CSS v4. playwright-cli additionally requires Bash access to playwright-cli, npx, and npm commands.