Visual shader effects—glow/bloom, chromatic aberration, distortion, vignette, film grain, scanlines, glitch, dissolve, outline, and fresnel. Use when adding visual polish, post-processing effects, or stylized rendering to shaders.
Creating visual effects using particle systems, physics simulation, and post-processing for polished, dynamic game graphics.
Provides context about how worlds (games) are created, loaded, saved, shared, and fetched in Codako. Use when working on API routes for worlds, the explore page, editor save/load logic, forking, or localStorage handling for anonymous users.
Networking systems for multiplayer building games. Use when implementing networked construction, delta synchronization, client prediction, or conflict resolution. Server-authoritative model with optimistic client prediction for responsive gameplay.
Core gameplay mechanics implementation, system interactions, feedback loops, and iterative balance refinement for engaging player experiences.
Complete startup launch guidance from idea validation to market entry. Use when planning a new business, validating product ideas, or preparing for launch.
Facilitate structured brainstorming using parallel sub-agents to explore idea spaces. Use for IDEATION/CONCEPTUAL WORK ONLY, NOT for implementation planning or task breakdown. Use when user wants to brainstorm, explore ideas, generate concepts, develop vision, or discover creative directions. Transforms vague ideas into practical, tangible expressions through 5 rounds of parallel agent analysis and refinement.
Professional UX expertise for any project type. Covers user research, design thinking, interaction patterns, accessibility, and design critique. Use when designing new features, improving UX, conducting design reviews, or evaluating user flows. For visual UI work, combine with ui-research skill.
Collaborative solution brainstorming with brutal honesty, multi-approach analysis, principle-driven recommendations. Use for ideation, architecture decisions, technical debates, feature exploration, problem-solving, trade-off analysis, feasibility assessment, and design discussions.
Analyze game concepts for monetization potential, willingness-to-pay, viral mechanics, and revenue generation. Ranks concepts by total monetization score and identifies top revenue opportunities.
Professional UI/UX design expertise for React applications. Covers design thinking, user psychology (Hick's/Fitts's/Jakob's Law), visual hierarchy, interaction patterns, accessibility, performance-driven design, and design critique. Use when designing features, improving UX, solving user problems, or conducting design reviews.
Creates comprehensive frontend UI/UX designs including user interfaces, design systems, component libraries, responsive layouts, and accessibility implementations. Produces wireframes, mockups, design specifications, and implementation guidelines. Use when designing user interfaces, creating design systems, building component libraries, implementing responsive designs, ensuring accessibility compliance, or when users mention UI design, UX design, interface design, design systems, user experience, or frontend design patterns.
[UI/UX] Visualizes UI screen structures and components as ASCII art. Represents wireframes, layouts, and UI components as text-based diagrams. Use when requesting 'ASCII wireframe', 'screen structure visualization', or 'UI layout drawing'.
Create ASCII wireframes, user flow diagrams, and cross-cutting specifications for UI/UX visualization. Use PROACTIVELY when user mentions wireframe, UI design, UX flow, screen layout, screen design, user flow, or asks to visualize screens. Examples: <example>Context: User needs screen design user: 'Create wireframes for this feature' assistant: 'I will use designing-wireframes skill' <commentary>Triggered by wireframe request</commentary></example> <example>Context: After requirements are detailed user: 'Let me design the screens' assistant: 'I will use designing-wireframes skill' <commentary>Triggered by screen design request</commentary></example>
Collaborative product ideation through dialogue. Behave as a critical, refined creative product designer. Use when users want to brainstorm product ideas, explore concepts, discuss features, or shape an MVP. Triggers include phrases like "I have an idea", "let's brainstorm", "product idea", "what do you think about building X", or when users share raw concepts seeking feedback and refinement.
Research visual direction and develop your creative style. Use when establishing brand aesthetics, finding your visual identity, or planning creative direction for your assets. Integrates with Image Generation and other creative skills for automated asset creation.
Use when creating storyboards from scripts, generating visual prompts for beat boards or sequence boards, or converting narrative beats into AI-generated images across platforms (Nano Banner, Midjourney, Gemini)
Write mockumentary screenplays in Fountain format with proper documentary conventions, talking head formatting, and comedic dialogue. Use when user needs to write screenplay pages, format talking heads, write verite scenes, craft dialogue, or convert outline to script. Triggers on screenplay writing, Fountain formatting, dialogue writing, scene writing, or drafting for mockumentary projects.
Writing style guide for jonmagic / Jonathan Hoyt with authentic voice patterns and tone guidelines. Use when generating any prose content on jonmagic's behalf—blog posts, documentation, reflections, feedback, snippets, or any written communication. Ensures first-person narratives with introspective framing, concrete examples, and thoughtful principal-engineer perspective.
Create mockumentary characters with talking head personas, comedic blind spots, and ensemble dynamics. Use when user needs to develop characters for a mockumentary, create character profiles, design talking head interview voices, or build an ensemble cast. Triggers on character creation, ensemble design, talking head development, or character arc planning for mockumentary projects.
Create opinionated, anti-slop skills that encode taste. NOT for: general skill structure, reference guides, procedural docs (use skill-creator instead). USE for: frontend-design, cli-design, system-architecture style skills. Triggers: "anti-slop skill", "opinionated skill", "make Claude less generic", "skill like frontend-design", "design-excellence skill".
AI 에이전트를 위한 고품질 프롬프트를 생성하는 스킬. 스킬/에이전트/MCP 서버/일반 코딩 작업을 위한 프롬프트를 한국어로 생성. 사용자가 "프롬프트 만들어줘", "프롬프트 생성", "프롬프팅 해줘", "~를 위한 프롬프트", "~하는 명령 만들어줘" 등을 요청할 때 트리거됨.
Create award-winning, cinematic frontend interfaces that feel ALIVE. Combines 10+ years of creative frontend experience with technical excellence. Specializes in WebGL, custom shaders, premium animations, and distinctive aesthetics that would win on Awwwards. Use when building landing pages, dashboards, platforms, or any interface where "generic AI slop" is unacceptable.
Leverage AI (Nano Banana/Imagen) to generate high-quality game sprites and integrate them with real-time background removal for Liquid Galaxy demos.
