alunadev/ald-skills - Page 2

interface-design

Build interface design with craft and consistency for dashboards, admin panels, and SaaS tools. Generates intentional, non-generic designs by exploring product domains and creating signature elements.

planning-product-launch

Creates go-to-market plans and launch checklists for features and side projects. Use when preparing a feature for public release, planning a Product Hunt launch, defining a rollout strategy, creating a post-launch review framework, or coordinating the…

following-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. Use this skill when writing, reviewing, or refactoring React/Next.js code. Apply it proactively whenever working on React components, Next.js pages, API routes, data fetching…

using-stitch-skills

Converts Stitch AI design tool screens to production-ready code and generates complete UI systems. Use when working with the Stitch MCP server, converting Stitch screens to React components, generating DESIGN.md documentation from Stitch projects, integrating…

following-supabase-postgres-best-practices

Applies Supabase and PostgreSQL best practices for query performance, schema design, Row Level Security, and connection management. Use this skill when creating SQL queries, designing database schemas, implementing RLS policies, setting up real-time…

building-tailwind-design-system

Builds production-ready design systems with Tailwind CSS v4 using CSS-first configuration, design tokens, CVA component variants, and native CSS animations. Use this skill when creating component libraries, implementing design tokens with @theme, setting up…

applying-composition-patterns

Applies React composition patterns to build flexible, maintainable components. Use this skill when refactoring components that have accumulated too many boolean props, designing a reusable component API from scratch, building compound components (Tabs,…

applying-react-native-best-practices

React Native and Expo best practices for building performant mobile apps. Use this skill when building React Native or Expo applications, optimizing list performance with FlashList, implementing animations with Reanimated, configuring native modules, routing…

applying-web-design-guidelines

Audits and enforces web interface standards covering accessibility, performance, UX, and code quality from Vercel Engineering's Web Interface Guidelines. Use this skill when reviewing UI code, checking accessibility compliance, auditing design…

using-writing-system

Personal writing system for technical blogs, newsletters, X/Twitter threads, and LinkedIn posts. Use when writing long-form content, drafting social media posts, preparing newsletters, building a content calendar, repurposing existing content across…

full-stack-build

Multi-step workflow for building complete features end-to-end. Use when starting a new feature, building a side project from scratch, or coordinating multiple technical skills in sequence. Chains brainstorming → API design → database schema → React…

prompt-engineering-patterns

A library of reusable, production-tested prompt engineering patterns for building AI-powered features. Use when designing system prompts for apps, building AI pipelines, selecting the right prompting technique for a use case, or reviewing prompts for common…

systematic-debugging

Enforces a disciplined, evidence-based debugging protocol. Use when the user reports a bug, an unexpected behavior, a broken test, or asks "why is X not working?". Prevents premature fixes and treats symptoms. Blocks code changes until a root cause is…

maintaining-documentation

Maintains The Canonical Docs as single source of truth. Trigger after feature completion, before git push, on architecture changes, or explicit "update docs" requests. Skip for trivial changes (<10 LOC, no logic/schema/UI changes).

design-guide

Modern UI design system and guidelines for building clean, professional interfaces. Use when creating or modifying any UI components, web pages, React components, HTML/CSS, or visual interfaces. Ensures consistent, modern design with proper spacing,…

idea-validator

Provides brutally honest, quick validation of app/product ideas before development begins. Use when the user presents an app idea, startup concept, product proposal, or asks for feedback on whether to build something. Also trigger when users mention starting…

linkedin-viral-post-writer

Expert LinkedIn content creation system based on proven viral growth strategies. Use when users request help with LinkedIn posts, want to create viral content, need content strategy advice, ask for post reviews/critiques, want hook ideas, need to grow their…

generating-changelogs

Transforms technical git commits into polished, user-friendly changelogs. Use when preparing release notes, creating product update summaries, documenting changes for customers, or maintaining a public changelog page.

codebase-documenter

Create comprehensive, beginner-friendly documentation for codebases. Use when writing READMEs, architecture guides, code comments, or API documentation.

deploying-to-github

Automates and standardizes the version control workflow for the project. Use when the user wants to save changes, push to GitHub, or perform git operations.