alunadev/ald-skills - 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.

原文の言語: 英語