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.
Idioma del texto original: inglés
Menú
Skills en este repositorio
SkillsMP ha recopilado 60 skills de alunadev/ald-skills. Abre una skill para revisar su origen y sus detalles.
alunadev/ald-skillsMostrando 20 de 60 skills recopiladas.
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.
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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,…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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).
Idioma del texto original: inglés
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,…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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…
Idioma del texto original: inglés
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.
Idioma del texto original: inglés
Create comprehensive, beginner-friendly documentation for codebases. Use when writing READMEs, architecture guides, code comments, or API documentation.
Idioma del texto original: inglés
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.
Idioma del texto original: inglés