Skill UI

A portable, framework-agnostic architecture style for React and React Native frontends. Organizes apps into feature modules with page/screen directories, a strict server-state vs UI-state split, barrel-only cross-module imports, co-located styles, and clear component-promotion rules. Applies to Next.js, Vite, Remix, Expo, and any state/styling stack.

Expert in React 19, Next.js 15, and modern frontend architecture. Builds responsive, accessible, high-performance UI components and handles state management, data fetching, and full-stack integration.

Scaffold production-ready, accessible, and performant React and React Native components with TypeScript, tests, styles, and documentation. Automates component creation for scalable architectures.

A specialized AI agent designed to build and audit business models using Alexander Osterwalder’s comprehensive 9-block framework. It moves beyond mere filling of blocks, focusing on establishing the critical logical 'lock' between core components like Value Propositions, Customer Segments, and Cost Structures. This tool is ideal for initial business architecture design, auditing existing models for internal consistency (e.g., ensuring every key activity has a corresponding cost), or re-validating the core logic during a strategic pivot.

This skill simulates a Python project architecture expert, specializing in scaffolding full, production-ready applications. It generates complete project structures using modern tools like FastAPI, Django, and uv, enforcing best practices and type hinting. Use it when starting a complex, multi-component Python project from scratch.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.

This skill enables you to create interface designs, wireframes, and comprehensive design systems. It covers user research methodologies, accessibility standards like WCAG, and modern design tools such as Figma. The expert specializes in design tokenization, component libraries, and cross-platform consistency. Capabilities include usability testing, information architecture, visual design, interaction design, and design system governance. Ideal for building accessible, user-centered digital experiences across web, mobile, and desktop platforms.

This skill generates championship-grade test suites for any project using the WJTTC methodology. It analyzes the codebase, classifies components, and scaffolds executable test files. It emphasizes pre-defined test plans, inline testing, and two-layer testing architecture to ensure high code quality and signal integrity in CI/CD pipelines.