All authors
Claude Skills by tonone-ai
github.com/tonone-ai918 skills5 installs963 views
- Form AuditUse when asked to audit UI for visual quality, check design consistency, review brand alignment, evaluate design system compliance, or find visual issues before a launch. Examples: "audit our UI", "check visual consistency", "review the design for issues", "is our UI on-brand", "find visual bugs", "design QA before launch".Votes: 0GitHub stars: 71
- Form BrandUse when asked to create a brand identity, define visual design direction, generate a color palette or type system, build a style guide, or establish the look and feel for a product. Examples: "create a brand for X", "define the visual identity", "what colors should we use", "build a style guide", "design system foundations".Votes: 0GitHub stars: 71
- Form BriefTranslate a design brief — structured I-Lang or plain English — into a concrete DESIGN.md and optional HTML token preview. Resolves 8 dimensions (palette, accent, typography, display font, layout, mood, density, constraints) to specific CSS tokens. Use when asked to "create a design brief", "write a DESIGN.md", "define the design system", "design brief for X", "what tokens should we use", or "I-Lang brief".Votes: 0GitHub stars: 71
- Form ComponentUse when asked to design a UI component, specify a button, input, card, modal, badge, or any interactive element. Examples: "design a button component", "spec out the input field", "define the card component states", "create a component spec for Prism", "what should the dropdown look like".Votes: 0GitHub stars: 71
- Form CritiqueExpert 5-dimension design critique — philosophical, scored, actionable. Use when asked to "critique this design", "expert review", "score my design", "how does this look", "is this good design", "design feedback", or "review this UI". Different from /form-audit (which is technical QA for consistency/compliance) — form-critique evaluates design as a craft object: philosophy, hierarchy, execution, function, and innovation each scored 0–10 with a punch list. Add "as a report" or "give me a visua...Votes: 0GitHub stars: 71
- Form DeckUse when asked to design a pitch deck, presentation, or slide set. Examples: "design a pitch deck", "create a sales deck", "make a conference presentation", "build an investor deck", "help me present this to the board", "create slides for X".Votes: 0GitHub stars: 71
- Form DirectionDesign direction advisor — generates 3 differentiated visual directions with live HTML demos for selection. Use when the brief is vague ("make something nice", "pick a style", "explore directions"), when no design system exists, or when the user wants to compare visual approaches before committing. Richer than /form-style: produces actual visual demos, not just recommendations. Trigger words: "design direction", "style exploration", "pick a direction", "what should this look like", "give me o...Votes: 0GitHub stars: 71
- Form EmailUse when asked to design an email template, newsletter, drip campaign email, transactional email, or any HTML email asset. Examples: "design a welcome email", "create a newsletter template", "make an onboarding email sequence", "design a password reset email", "build an email campaign".Votes: 0GitHub stars: 71
- Form ExamTheory-backed design audit — names the principle violated, cites the source, shows the fix. Use when asked to "evaluate design quality", "check if this follows design principles", "theory check", "design exam", "audit against best practices", or "what's wrong with this design".Votes: 0GitHub stars: 71
- Form LogoUse when asked to create a logo, design a brand mark, generate a logo concept, or produce any logo asset. Examples: "create a logo for X", "design a brand mark", "make me a logo", "generate logo concepts", "logo for our product".Votes: 0GitHub stars: 71
- Form MobileUse when asked to design iOS or Android mobile app screens, create mobile UI, spec mobile flows, or produce screen designs for a native app. Examples: "design the onboarding screens", "spec the checkout flow for iOS", "design a home screen for Android", "create mobile UI for this feature".Votes: 0GitHub stars: 71
- Form PaletteUse when asked to generate a color palette, create industry-matched colors, or pick colors for a product type. Examples: "color palette for fintech", "healthcare app colors", "SaaS brand colors"Votes: 0GitHub stars: 71
- Form SocialUse when asked to design social media graphics, ad creatives, or marketing assets. Examples: "design a LinkedIn post for our launch", "create ad creatives for our campaign", "make an Instagram story", "design a Twitter card", "create a banner ad", "social assets for the product announcement".Votes: 0GitHub stars: 71
- Form StyleUse when asked to select a UI style, choose a design direction, pick a visual approach for a product, or match a style to an industry. Examples: "what style fits a fintech app", "choose between neumorphism and glassmorphism", "design direction for healthcare SaaS"Votes: 0GitHub stars: 71
- Form TokensUse when asked to define a design token system, create tokens, document tokens, set up CSS custom properties, build a Tailwind token config, establish a spacing scale, define color semantics, or bridge design decisions to code. Examples: "set up design tokens", "define our token system", "create CSS variables for the design system", "document our color tokens", "establish a spacing scale".Votes: 0GitHub stars: 71
- Form WebUse when asked to design a landing page, marketing website, or any web presence intended to convert or inform. Examples: "design a landing page for X", "create a marketing site", "we need a homepage", "design our website", "build a page for our launch".Votes: 0GitHub stars: 71
- Frame BoardDraft board resolutions, consent documents, and meeting minutes.Votes: 0GitHub stars: 71
- Frame EquityDraft equity plan documents — option grants, vesting schedules, 409A notes.Votes: 0GitHub stars: 71
- Frame ReconSurvey corporate documents — articles, bylaws, cap table, board resolutions.Votes: 0GitHub stars: 71
- Gate CiIntegrate API quality gates into CI — linting, breaking change detection, and coverage checks.Votes: 0GitHub stars: 71
- Gate LintDesign an API linting ruleset — style rules, severity levels, and custom organization conventions.Votes: 0GitHub stars: 71
- Gate ReconAudit existing API quality controls — find missing lint rules, gaps in CI gates, and quality debt.Votes: 0GitHub stars: 71
- Glyph PairSelect and pair fonts for a product — brand display, UI body, and monospace.Votes: 0GitHub stars: 71
- Glyph ReconAudit existing typography in a codebase — find inconsistencies, hardcoded sizes, and hierarchy gaps.Votes: 0GitHub stars: 71
- Glyph ScaleDesign a type scale and hierarchy — sizes, weights, line-heights, and named tokens.Votes: 0GitHub stars: 71
- Grid LayoutDesign a layout system — spacing scale, grid columns, and layout primitives.Votes: 0GitHub stars: 71
- Grid ReconAudit existing layout patterns in a codebase — find ad-hoc spacing, inconsistent grids, and missing primitives.Votes: 0GitHub stars: 71
- Grid ResponsiveAudit or redesign responsive behavior of a layout — breakpoints, reflow, and content priority.Votes: 0GitHub stars: 71
- Guard AuditAudit guardrail coverage — bypass vectors, false positive rates, policy gap analysis, red-team scenarios.Votes: 0GitHub stars: 71
- Guard DesignDesign guardrail layers — input classifiers, output validators, PII scrubbers, policy rule engines.Votes: 0GitHub stars: 71
- Guard ReconMap current AI safety controls — filter inventory, coverage gaps, latency impact, incident history.Votes: 0GitHub stars: 71
- Guide AuditAudit existing API documentation for completeness, accuracy, and developer experience.Votes: 0GitHub stars: 71
- Guide ReconSurvey documentation coverage across an API or SDK — find undocumented endpoints and gaps.Votes: 0GitHub stars: 71
- Guide WriteWrite API reference documentation for an endpoint or SDK method.Votes: 0GitHub stars: 71
- Helm ArbiterScope arbitration — resolve disagreements between product and engineering on what is in or out of scope, with a decision log and escalation path. Use when asked to "resolve this scope disagreement", "arbitrate between product and eng", "scope is creeping", "we can't agree on what's in scope", or "help us decide what to cut".Votes: 0GitHub stars: 71
- Helm BriefUse when asked to write a product brief, turn a feature idea into a spec, define requirements for something to build, or clarify what a product should do and why. Examples: "write a brief for X", "turn this idea into a spec", "what should we build here", "help me define requirements".Votes: 0GitHub stars: 71
- Helm HandoffUse when a product brief is finalized and ready to hand off to the engineering team, or when asked to send a brief to Apex, kick off engineering work, or start development on a product spec. Examples: "hand this off to engineering", "send brief to Apex", "start building this", "kick off dev on this spec".Votes: 0GitHub stars: 71
- Helm PlanUse when asked to build a product roadmap, prioritize a backlog, decide what to build next, or sequence a list of feature ideas. Examples: "what should we build next", "prioritize this backlog", "make a roadmap", "RICE score these features".Votes: 0GitHub stars: 71
- Helm ReconProduct landscape reconnaissance — survey existing briefs, research, strategy, and team output before writing new briefs or dispatching specialists. Use when asked to "understand the product state", "what briefs exist", "what has the team produced", "orient me on this product", or before starting a new product initiative.Votes: 0GitHub stars: 71
- Hue PaletteDesign a color palette with semantic tokens for a brand or product.Votes: 0GitHub stars: 71
- Hue ReconAudit existing color usage in a codebase — find inconsistencies, hardcoded values, and contrast failures.Votes: 0GitHub stars: 71
- Hue TokenAudit or refactor a design token system for color — naming, structure, and coverage.Votes: 0GitHub stars: 71
- Hunt AssessDesign a compromise assessment — hunting scope, methodology, and evidence collection.Votes: 0GitHub stars: 71
- Hunt IocAnalyze indicators of compromise — enrichment, attribution, and response recommendations.Votes: 0GitHub stars: 71
- Hunt ReconDesign a threat hunting program — maturity assessment, hunting calendar, and playbook library.Votes: 0GitHub stars: 71
- Ink BriefContent brief generator — takes a topic or keyword and produces a complete content brief with target keyword, search intent, recommended structure, internal link targets, word count, CTA, and competitive gap analysis. Use when asked to "write a content brief", "brief this blog post", "plan this article", or "what should we cover for [keyword]".Votes: 0GitHub stars: 71
- Ink CalendarBuild a content calendar — editorial plan, publishing cadence, topic assignment, and distribution workflow. Use when asked to "build a content calendar", "plan our content for the quarter", "how often should we publish", or "create an editorial schedule".Votes: 0GitHub stars: 71
- Ink CaseWrite customer case studies and success stories — interview guide, story structure, and publish-ready case study with metrics. Use when asked to "write a case study", "document a customer success story", "create social proof content", or "write about how [customer] uses the product".Votes: 0GitHub stars: 71
- Ink ClusterTopic cluster and keyword-to-page mapping — group keywords by search intent (validated by SERP overlap, not word similarity), map each cluster to an existing or proposed page, flag cannibalization, and lay out pillar, supporting posts, and internal links. Use when asked to "build a content cluster", "map our SEO cluster for [topic]", "which page should target these keywords", "create a topic cluster", or "what should our pillar page be about".Votes: 0GitHub stars: 71
- Ink DistributeContent distribution plan — takes a completed piece and produces a channel-by-channel plan covering HN, Reddit, LinkedIn, newsletter, and Twitter/X, with timing, per-channel framing, and a repurposing plan. Use when asked to "distribute this post", "how do we promote this article", "write distribution copy for this piece", or "where should we share this".Votes: 0GitHub stars: 71